@extends('employee.master')
@section('title','Dashboard')
@section('content_header')
<div class="row mb-2">
    <div class="col-sm-6">
        <h1 class="m-0 text-dark">{{ $ser_id->service_name }} <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>
 </div>
@endsection
@section('main_content')
<div class="container-fluid custom_lists">
  <div class="row">
          <div class="col-12">
            <div class="card">
                       <form method="GET" action="{{url('Employee/work_done/'.$name)}}">
                                    <input type="text" placeholder="OLI ID, Mobile, Name, Email" name="search" required>
                                    <button class="btn btn-success btn-filter" type="submit">Search</button>
                                    <a href="{{url('Employee/work_done/'.$name)}}" class="btn btn-primary" >Reset</a>
                                 </form>
              <!-- /.card-header -->
              <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>Name</th>
                     <th>Email</th>
                     <th>Mobile</th>
                     <th>Attachments</th>
                     <th>State</th>
                     <th>Time</th>
                     <th>Date</th>
                     <th>Remark</th>
                    </tr>
                  </thead>
                  @foreach($Order as $point)
                  <tbody>                   
                        <tr>
                        <td>{{ $point->p_order_id }}</td>
                        <td>{{ $point->customer->name }}</td>
                        <td>{{ $point->customer->email }}</td>
                        <td>{{ $point->customer->mobile }}</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>{{ $point->customer->state_name->state_name?? '' }} </td>
                        <td>{{ $point->updated_at->format('H:i:s')}}</td>
                        <td>{{ $point->updated_at->format('d-m-Y')}}</td>                     
                        <td><button data-toggle="modal" onclick="AddRemark(this.id)" data-target="#addRemark" type="button" class="btn btn-info" id="{{$point->p_order_id}}">Remarks</button></td>
                        </tr>                   
                  </tbody>
                  @endforeach                  
                </table>
                {{ $Order->links() }}
              </div>
              <!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
        </div>
        <!-- /.row -->
</div><!-- /.container-fluid -->

@endsection