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

      cursor: pointer;

   }

   #generalCustomer_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</h3>
            <h4 class="card-title"  style="float: right;">
               <!-- <button type="button" data-toggle="modal" data-target="#myModal" class="btn waves-effect waves-light btn-primary model_img img-responsive">Import</button> -->
            </h4>
            <table id="generalCustomer" class="display nowrap table table-hover table-striped table-bordered" cellspacing="0" width="100%">
               <thead>
                  <tr>
                     <th>Name</th>
                     <th>Email Address</th>
                     <th>Assigned Consultant</th>
                     <th>Agent</th>
                     <th>Mobile Number</th>
                     <th>CNIC</th>
                     {{--<th>Email</th>--}}
                     {{--<th>SMS</th>--}}
                     <th>Action</th>
                  </tr>
               </thead>
               <tbody>
                  @if(isset($getCustomer))
{{--                  @php dd($getCustomer); @endphp--}}
                  @php //dd((count($getCustomer[0]->customer_agent) > 0) ? $getCustomer[0]->customer_agent[0]->agent->first_name.' '.$getCustomer[0]->customer_agent[0]->agent->last_name:''); @endphp
                  @foreach($getCustomer as $customer)
                  @php //print_r(decrypt($customer->mobile_number)); @endphp
                  <tr>
                     <td>{{decrypt($customer->first_name).' '.decrypt($customer->last_name)}}</td>
                     <td>{{$customer->user->email}}</td>
                     <td>{{(count($customer->consultant) > 0) ? ucwords($customer->consultant->first_name.' '.$customer->consultant->last_name):''}}</td>
                     <td>{{(count($customer->customer_agent) > 0) ? ucwords($customer->customer_agent[0]->agent->first_name.' '.$customer->customer_agent[0]->agent->last_name):''}}</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>
                        <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>
                        {{--<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="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="page_name" value="general 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>

@include('includes.footer')
<script>
   // $(document).ready(function () {
   //     $(document).on('.assign_con','click',function () {
   //         $('input[name="customer_id"]').val($(this).data('id'))
   //         $('#assign_consultant').modal()
   //     })
   // })
</script>