@include('includes.header')
<style>
   .next{

      cursor: pointer;

   }

   #example_paginate span a{

      margin-right: 5px;
      height: 25px;
      width: 25px;
      background-color: #f2f2f2;
      border-radius: 50%;
      display: inline-block;
      text-align: center;
      cursor: pointer;

   }
   .previous{
      margin-right: 5px;
      cursor: pointer;
   }
</style>
<section class="pt-2 pb-2 admin_section">
   <div class="container">
      <div class="row align-items-lg-end">
         <div class="col-md-12">
            @if(session('message'))
            {!! session('message') !!}
            @endif
            @if(session('error'))
            <p class="alert alert-danger">{!! session('error') !!}</p>
            @endif
            <h3 data-animate="fadeInUp" data-delay=".1" class="animated fadeInUp" style="animation-duration: 0.6s; animation-delay: 0.1s;">Customers List<button style="float: right;" type="button" data-toggle="modal" data-target="#myModal" class="btn waves-effect waves-light btn-primary model_img img-responsive">Import</button></h3>
            <table id="example" class="display nowrap table table-hover table-striped table-bordered" cellspacing="0" width="100%">
               <thead>
                  <tr>
                     <th>Name</th>
                     <th>Email Address</th>
                     <th>Mobile Number</th>
                     <th>CNIC</th>
                     <th>Email</th>
                     <th>SMS</th>
                     <th>Action</th>
                  </tr>
               </thead>
               <tbody>
                  @if(isset($customers))
                  @foreach($customers as $customer)
{{--                     @php dd($customer['id']); @endphp--}}
                     <tr>
                     <td>{{decrypt($customer['first_name']).' '.decrypt($customer['last_name'])}}</td>
                     <td>{{$customer['user']['email']}}</td>
                     <td>{{decrypt($customer['mobile_number'])}}</td>
                     <td>{{$customer['cnic']}}</td>
                     <td><span data-toggle="tooltip" title="Date:29-05-18" class="fa {{($customer['email_status']==1)?'fa-check':'fa-times-circle'}} mail_send"></span></td>
                     <td><span class="fa {{($customer['sms_status']==1)?'fa-check':'fa-times-circle'}} not_send"></span></td>
                     <td>
                        <a href="{{url('/admin/agent/'.Request::segment(3).'/customer/edit',$customer['id'])}}"  class="btn waves-effect waves-light btn-xs btn-danger" >Edit</a>
                        <button type="button" class="btn waves-effect waves-light btn-xs btn-info email_send" data-id="{{$customer['user']['id']}}" data-email="{{$customer['user']['email']}}">Send Email</button>
                        @if($customer['email_confirm'] == null && $customer['status'] == '0')
                             <button type="button" class="btn waves-effect waves-light btn-xs btn-success customer_active" data-id="{{$customer['id']}}">Create Account</button>
                        @elseif($customer['status'] == '0')
                             <button type="button" class="btn waves-effect waves-light btn-xs btn-warning customer_active" data-id="{{$customer['id']}}">Resend Request</button>
                        @else
                             <button type="button" class="btn waves-effect waves-light btn-xs btn-success assign_con" data-id="{{$customer['id']}}" data-consultant="{{$customer['consultant_id']}}">Assign Consultant</button>
                        @endif
{{--                        <!-- <button type="button" class="btn waves-effect waves-light btn-xs btn-info sms_send" data-id="{{$customer['user']['id']}}" data-mobile="{{decrypt($customer['mobile_number'])}}">Send SMS</button> -->--}}
                     </td>
                  </tr>
                  @endforeach
                  @endif
               </tbody>
            </table>
         </div>
      </div>
   </div>
</section>
<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <h4 class="modal-title" id="myModalLabel">Upload CSV File</h4>
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
         </div>
         <form action="{{url('/admin/agent/'.Request::segment(3).'/customer/import')}}" method="post" name="csv_import" id="csv_import" enctype="multipart/form-data">
            <div class="modal-body">
               <div class="dropify-wrapper">
                  {{csrf_field()}}
                  <input type="file" id="input-file-max-fs" name="imported_file" class="btn waves-effect waves-light btn-primary" data-max-file-size="2M">
               </div>
               <div class="dropify-loader"></div>
            </div>
            <div class="modal-footer">
               <button type="submit" class="btn btn-info waves-effect" id="csv_import_submit" >Upload</button>
            </div>
         </form>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<!-- /.SMS -->
<div id="sms_modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <h4 class="modal-title" id="myModalLabel">Send SMS</h4>
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
         </div>
         <form action="{{url('/admin/customer/send-sms')}}" id="send_sms" method="post">
            {{csrf_field()}}
            <div class="modal-body">
               <div class="row p-t-20">
                  <div class="col-md-12">
                     <div class="form-group">
                        <input type="hidden" name="user_id">
                        <input type="hidden" name="mobile">
                        <label for="new_tag">SMS</label>
                        <textarea name="message" id="message" cols="30" rows="3" placeholder="Enter Your Message" class="form-control"></textarea>
                        <p class="text-right">(Max letters 60)</p>
                     </div>
                  </div>
               </div>
            </div>
            <div class="modal-footer">
               <button type="submit" class="btn btn-info waves-effect" id="send_sms_submit">Send</button>
            </div>
         </form>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<!--EMail-->
<div id="email_modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <h4 class="modal-title" id="myModalLabel">Send Email</h4>
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
         </div>
         <form action="{{url('/admin/customer/send-email')}}" method="post" id="send_email">
            {{csrf_field()}}
            <div class="modal-body">
               <div class="row p-t-20">
                  <div class="col-md-12">
                     <div class="form-group">
                        <input type="hidden" name="user_id">
                        <input type="hidden" name="email">
                        <label for="new_tag">Email</label>
                        <textarea name="message" id="message" cols="30" rows="3" placeholder="Enter Your Message" class="form-control"></textarea>
                     </div>
                  </div>
               </div>
            </div>
            <div class="modal-footer">
               <button type="submit" id="send_email_submit" class="btn btn-info waves-effect">Send</button>
            </div>
         </form>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>


<div id="assign_consultant" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <h4 class="modal-title" id="myModalLabel">Assign Consultant</h4>
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
         </div>
         <form action="{{route('assignconsultant')}}" method="post" id="consultant_assign">
            {{csrf_field()}}
            <div class="modal-body">
               <div class="row p-t-20">
                  <div class="col-md-12">
                     <div class="form-group">
                        <input type="hidden" name="customer_id">
                        <input type="hidden" name="agent_id" value="{{Request::segment(3)}}">
                        <input type="hidden" name="page_name" value="agent customer">
                        <label for="new_tag">Consultant</label>
                        <select name="consultant" id="consultant" class="form-control">
                           <option value="">Select Consultant</option>
                           @foreach($consultant as $consultant)
                              <option value="{{$consultant->id}}">{{ucwords($consultant->first_name.' '.$consultant->last_name)}}</option>
                           @endforeach
                        </select>

                     </div>
                  </div>
               </div>
            </div>
            <div class="modal-footer">
               <button type="submit" id="conassign" class="btn btn-info waves-effect">Assign</button>
            </div>
         </form>
      </div>
      <!-- /.modal-content -->
   </div>
   <!-- /.modal-dialog -->
</div>
<script>
   // $(document).ready(function(){
   //     $('[data-toggle="tooltip"]').tooltip();
   // });
</script>
@include('includes.footer')