@extends('admin.layout')

@section('content')
<style type="text/css">
  .modal-body {

    padding: 5rem 4rem;

    text-align: center;

}
.modal-footer .btn-primary:hover{
  background: transparent;
  border-color: transparent;
}


.modal-body {

    font-size: 16px;

}



.modal-content {

    min-height: auto;

}



.modal-title {

    padding-left: 0;

}





.modal-body p {

    margin-bottom: 0;

    font-size: 24px;

    font-weight: 600;

}

.la.la-ellipsis-v {
    font-size: 24px;
    color: #929292;
    font-weight: 600;
}

.dropdown-toggle::after{
    display: none;
}

table#example1 thead tr th{
    color: #fff !important;
}

table#example1 thead tr {
    background-color: #7460ee;
}

.content-wrapper.close-wrapper {
    margin-left: 300px!important;
}


.content-wrapper {
    margin-left: 0px!important;
}

.sidenav {
    width: 0px;
}


@media (min-width: 992px){
.container {
    max-width: 1024px;
}
}

</style>

<link rel="stylesheet" type="text/css" href="/resources/views/admin/dist/css/line-awesome.min.css">
<div class="content-wrapper"> 


  <!-- Main content -->

  <section class="content"> 

    <!-- Info boxes --> 

    

    <!-- /.row -->

<div class="container-fluid">

    <div class="row">


       <div class="col-md-12 head-btn-right">                
                <a class="btn-blue"  href="javascript:void();"  data-toggle="modal" data-target="#myModal"><i class="fa fa-plus"></i> Add Outlets</a>
            </div>





      <div class="col-md-12">


            <div class="row">

              <div class="col-xs-12">

				 @if (count($errors) > 0)

					  @if($errors->any())

						<div class="alert alert-success alert-dismissible" role="alert">

						  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>

						  {{$errors->first()}}

						</div>

					  @endif

				  @endif

              </div>

            </div>

            <div class="row">

              <div class="col-xs-12">

                <table id="example1" class="table">

                  <thead>

                    <tr>

                      <th>Id</th>

                      <th>Name</th>

                      <th>Email Address</th>

                      <th>Address</th>

                      <th>Action</th>

                    </tr>

                  </thead>

                  <tbody>

                  @if(count($listingManufacturers)>0)

                    @foreach ($listingManufacturers  as $key=>$listingManufacturer)

                        <tr>

                            <td>{{ $listingManufacturer->manufacturers_id }}</td>

                            <td>{{ $listingManufacturer->manufacturers_name }}</td>                            <td>{{ $listingManufacturer->outlateemail }}</td>                            <td>{{ $listingManufacturer->outlateaddress }}</td>

                          

                            <td>

                              <div class="dropdown dropdown-action">
                                            <a href="#" class="action-icon dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="la la-ellipsis-v"></i></a>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a class="dropdown-item" href="editOutlets/{{ $listingManufacturer->manufacturers_id }}"><i class="fa fa-pencil m-r-5"></i> Edit</a>
                                                <a class="dropdown-item" href="{{ $listingManufacturer->manufacturers_id }}"><i class="fa fa-trash-o m-r-5"></i> Delete</a>
                                            </div>
                                        </div>

                            	<!-- <a title="Edit" href="editOutlets/{{ $listingManufacturer->manufacturers_id }}" class="badge bg-light-blue"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></a> 

                                <a id="manufacturerFrom" manufacturers_id='{{ $listingManufacturer->manufacturers_id }}' title="Delete" href="#" class="badge bg-red"><i class="fa fa-trash" aria-hidden="true"></i></a></td> -->

                        </tr>

                    @endforeach

                    

                    @else

                       <tr>

                            <td colspan="5">{{ trans('labels.NoRecordFound') }}</td>

                       </tr>

                    @endif

                  </tbody>

                </table>

                <div class="col-xs-12 text-right">

                	{{$listingManufacturers->links()}}

                </div>

              </div>

            </div>

          </div>

          <!-- /.box-body --> 

        </div>

        <!-- /.box --> 

      </div>

      <!-- /.col --> 


  </section>

    </div>











<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content custom-popup">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Add Outlets</h4>
      </div>
      <div class="modal-body">
        <form class="modal-form">
            <div class="form-group">
                <label>Name</label>
                 <input class="form-control field-validate" name="outlatename" type="text" value="">
            </div>
            <div class="form-group">
                 <label>Name of Company</label>
                <input class="form-control field-validate" name="outlateemail" type="text" value="">
            </div>

            <div class="form-group">
                 <label for="name">Outlet Password</label>
                 <input class="form-control field-validate" name="outlatepassword" type="text" value="">
            </div>


            <div class="form-group">
                 <label for="name">Select Status </label>
                 <select class="form-control" name="status_state">
                      <option value="1">Active</option>
                      <option value="0">Inactive</option>
                  </select>
            </div>
            <div class="form-group">
                  <label for="avail_times">Available Time </label>
                  <select multiple="" class="form-control field-validate dropdown" id="avail_times" name="avail_times[]"  data-live-search="true">
                    
                       <option value="1">12:00am</option>
                   
                  </select>
            </div>

            <div class="form-group">
                 <label for="name">Outlet Address </label>
                 <textarea class="form-control" name="outlateaddress" type="text" value=""></textarea>
            </div>

            <center><button class="model-btn">Submit</button></center>
        </form>
      </div>
    </div>

  </div>
</div>





















    <!-- deleteManufacturerModal -->

  <div class="modal " id="manufacturerModal" tabindex="-1" role="dialog" aria-labelledby="deleteManufacturerModalLabel">

    <div class="modal-dialog" role="document">

    <div class="modal-content">

      {!! Form::open(array('url' =>'admin/deleteOutlets', 'name'=>'deleteManufacturer', 'id'=>'deleteManufacturer', 'method'=>'post', 'class' => 'form-horizontal', 'enctype'=>'multipart/form-data')) !!}

          {!! Form::hidden('action',  'delete', array('class'=>'form-control')) !!}

          {!! Form::hidden('manufacturers_id',  '', array('class'=>'form-control', 'id'=>'manufacturers_id')) !!}

      <div class="modal-body">  
      <center><img style="width: 60px; padding-bottom: 20px;" src="/resources/views/outlets/common/images/cancel.svg" alt=""></center>          

        <p>Are you sure you want to delete this Outlets?</p>

      </div>

      <div class="modal-footer">

      <button type="button" class="btn btn-default" data-dismiss="modal"><img src="/resources/views/outlets/common/images/cancel.svg" alt=""></button>

      <button type="submit" class="btn btn-primary"> <img src="/resources/views/outlets/common/images/verified.svg" alt=""></button>

      </div>

      {!! Form::close() !!}

    </div>

</div>

</div>


@endsection