@extends('partner.layouts.admin_layout')
@section('content_header')
<div class="row mb-2">
    <div class="col-sm-6">
        <h1 class="m-0 text-dark">Account <span class="text-danger ml-4" style="font-size: 15px;"><strong>{{ Session::get('error_msg') }}</strong> </span><span class="text-success ml-4" style="font-size: 15px;"><strong>{{ Session::get('succ_msg') }}</strong> </span></h1>
    </div><!-- /.col -->
    <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
        <li class="breadcrumb-item"><a href="{{ route('Admin.dashboard') }}">Dashboard</a></li>
        <li class="breadcrumb-item active">Profile</li>
        </ol>
    </div>
 </div>
@endsection
@section('main_content')
<div class="container-fluid">
  <div class="row">
      <div class="col-12">
      <div class="card">
         <div class="card-body table-responsive p-0">
               <table class="table table-hover text-nowrap">
               <thead class="bg-dark">
                  <tr>
                     <th>Order ID</th>
                     <th>Customer Name</th>
                     <th>Customer's Service</th>
                     <th>Customer's Package</th>
                     <th>Remarks</th>
                     <th>Work Status</th>
                     <th>Form</th>
                     <th>Documents</th>
                     <th>Details</th>
                  </tr>
               </thead>                          
               <tbody>  
                  @foreach($data as $point)                
                     <tr>
                     <td>{{ $point->cali_id }}</td>
                     <td>{{ $point->customer->name}}</td>
                     <td>{{ $point->service->service_name }}</td>
                     <td>{{ $point->package->name }}</td>
                     <td> <button data-toggle="modal" onclick="AddRemark(this.id)" data-target="#addRemark" type="button" class="btn btn-info" id="{{$point->cali_id}}">Remarks</button></td>
                     <td>{{ $point->workstatus->customer_description }}</td>
                     <td><button data-toggle="modal"   data-target="#bd-example-modal-lg{{$point->id}} " type="button" class="btn btn-info" >Application</button>
                           <div class="modal fade " id="bd-example-modal-lg{{$point->id}}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                              <div class="modal-dialog" role="document">
                                 <div class="modal-content">
                                 <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalLabel">Add More Information</h5>
                                    <button type="button"  class="close" data-dismiss="modal" aria-label="Close">
                                       <span aria-hidden="true">&times;</span>
                                    </button>
                                 </div>
                                    @include('ca_backend.form_type.allapps')
                                 </div>
                              </div>
                           </div>
                     </td>
                     <td><button data-toggle="modal"   data-target="#bd-example-modal{{$point->id}} " type="button" class="btn btn-info" >Document</button>
                        <div class="modal fade " id="bd-example-modal{{$point->id}}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                           <div class="modal-dialog" role="document">
                              <div class="modal-content">
                                 <div class="modal-header">
                                 <h5 class="modal-title" id="exampleModalLabel">Add Documents</h5>
                                 <button type="button"  class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                 </button>
                                 </div>
                                    @include('ca_backend.document.alldocs')
                              </div>
                           </div>
                           </div>
                     </td>
                     <td><button data-toggle="modal"   data-target="#Details{{$point->id}} " type="button" class="btn btn-info" >Details</button>
                     <div class="modal fade " id="Details{{$point->id}}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                        <div class="modal-dialog" role="document">
                           <div class="modal-content">
                           <div class="modal-header">
                              <h5 class="modal-title" id="exampleModalLabel">Details</h5>
                              <button type="button"  class="close" data-dismiss="modal" aria-label="Close">
                                 <span aria-hidden="true">&times;</span>
                              </button>
                           </div>  
                           <h6 class="modal-title" id="exampleModalLabel"> Employee Details</h6>
                           <div class="modal-body"> 
                              <label for="message-text" class="col-form-label">{{ $point->employee->name ?? "" }} </label><br> 
                              <label for="message-text" class="col-form-label">{{ $point->employee->mobile ?? "" }} </label><br>  
                              <label for="message-text" class="col-form-label">{{ $point->employee->email ?? "" }} </label>                                                       
                           </div> 
                           <h6 class="modal-title" id="exampleModalLabel"> Manager Details</h6>
                           <div class="modal-body"> 
                              <label for="message-text" class="col-form-label">{{ $point->manager->name ?? "" }} </label> <br> 
                              <label for="message-text" class="col-form-label">{{ $point->manager->mobile ?? "" }} </label> <br> 
                              <label for="message-text" class="col-form-label">{{ $point->manager->email ?? "" }} </label>                                                       
                           </div>                       
                           </div>
                        </div>
                     </div>
                     </td>    
                  </tr>   
                  @endforeach                  
               </tbody>                             
               </table>
               {{ $data->links() }}               
            </div> 
      </div>            
      </div>
   </div>        
</div>

@endsection