@extends('layouts.app-2')
@section('title')
    Order Detail
@endsection
@section('content')

   <!-- Content Header (Page header) -->
   <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">Order Detail</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item">Order </li>
              <li class="breadcrumb-item active">Detail </li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
   </div>
    <!-- /.content-header -->

    <!-- Main content -->
   <section class="content">
      <div class="container-fluid">
         <div class="card">
            {{-- <div class="card-header">
              <h3 class="card-title">Projects Detail</h3>
    
              <div class="card-tools">
                <button type="button" class="btn btn-tool" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
                  <i class="fas fa-minus"></i></button>
                <button type="button" class="btn btn-tool" data-card-widget="remove" data-toggle="tooltip" title="Remove">
                  <i class="fas fa-times"></i></button>
              </div>
            </div> --}}
            <div class="card-body">
               <div class="row">
               
                  <div class="col-12 col-md-12 col-lg-8 order-2 order-md-1">
                     <div class="row">
                        <div class="col-12">
                           <div class="info-box bg-info">
                              <span class="info-box-icon "><i class="far fa-file"></i></span>
               
                              <div class="info-box-content">
                              <span class="info-box-text">Site</span>
                              <span class="info-box-number">{{$order->site}}</span>
                              </div>
                              <!-- /.info-box-content -->
                           </div>
                           <hr>
                        </div>
                     
                     </div>
                     @if (auth()->user()->isAdmin())
                        @if ($order->status == '9')
                        <form action="{{ route('payment.konfirmasi', $order) }}" method="post" id="payment">
                           @csrf
                           <button type="sumbit" class="btn btn-success btn-block">Payment Confirm</button>
                        </form>
                        <hr>
                        @endif
                     @endif
                     @if (auth()->user()->isClient())
                        @if ($order->status == '7')
                           <form action="{{ route('approve.bast', $order) }}" method="post" id="approve">
                              @csrf
                              {{-- <input type="hidden" name="id" id="id"> --}}
                              <button type="sumbit" data-id="{{$order->id}}" class="btn btn-success btn-block">Approve BAST</button>
                           </form>
                              
                        @endif
                     @endif
                  
                     
                     <div class="row">
                        <div class="col-12">
                           <div class="card">
                              <div class="card-header p-2">
                                 <ul class="nav nav-pills">
                                 <li class="nav-item"><a class="nav-link active" href="#detail" data-toggle="tab">Detail</a></li>
                                 <li class="nav-item"><a class="nav-link" href="#foto" data-toggle="tab">Report Foto</a></li>
                                 {{-- <li class="nav-item"><a class="nav-link" href="#settings" data-toggle="tab">Settings</a></li> --}}
                                 </ul>
                              </div><!-- /.card-header -->
                              <div class="card-body">
                                 <div class="tab-content">
                                    <div class="active tab-pane" id="detail">
                                       <div class="row">
                                          <div class="col-12 col-sm-4">
                                             <div class="info-box bg-light">
                                             <div class="info-box-content">
                                                <span class="info-box-text text-center text-muted">Client</span>
                                                <span class="info-box-number text-center text-muted mb-0">{{$order->pelanggan->nama}}</span>
                                             </div>
                                             </div>
                                          </div>
                                          <div class="col-12 col-sm-4">
                                             <div class="info-box bg-light">
                                             <div class="info-box-content">
                                                <span class="info-box-text text-center text-muted">JO</span>
                                                @if (auth()->user()->isAdmin())
                                                <a href="{{route('job.list.detail', enkripRambo($order->joborder_id))}}"><span class="info-box-number text-center text-muted mb-0">{{$order->joborder->kode_jo}}</span></a>
                                                @else
                                                <span class="info-box-number text-center text-muted mb-0">{{$order->joborder->kode_jo}}</span>
                                                @endif
                                                
                                             </div>
                                             </div>
                                          </div>
                                          <div class="col-12 col-sm-4">
                                             <div class="info-box bg-light">
                                             <div class="info-box-content">
                                                <span class="info-box-text text-center text-muted">Status</span>
                                                <span class="info-box-number text-center text-muted mb-0">
                                                   @if ($order->status == 3)
                                                      <span>Menunggu Kordinator</span>
                                                      @elseif($order->status == 4)
                                                      <span>Menunggu Teknisi</span>
                                                      @elseif($order->status == 5)
                                                      <span>On Progress</span>
                                                      @elseif($order->status == 6)
                                                      <span>Progress Report</span>
                                                      @elseif($order->status == 7)
                                                      <span>Review BAST</span>
                                                      @elseif($order->status == 8)
                                                      <span>Menunggu Validasi BAST</span>
                                                      @elseif($order->status == 9)
                                                      {{-- <span>Reimburse</span> --}}
                                                      <span>Waiting Payment</span>
                                                      @elseif($order->status == 10)
                                                      <span>Complete</span>
                                                      @elseif($order->status == 202)
                                                      <span>Pending</span>
                                                      
                                                   @endif
                                                   
                                                <span>
                                             </div>
                                             </div>
                                          </div>
                                       </div>
                                       <hr>
                                       <h5 class="text-info"><i class="fas fa-map-marker-alt"></i> Address</h5>
                                       <p class="text-muted">{{$order->alamat}} <br> {{$order->kabupaten}}, {{$order->provinsi}}</p>
                                       
                                       <div class="text-muted">
                                          <p class="text-sm">Kordinator
                                             <b class="d-block">{{$order->kordinator->nama}}</b>
                                          </p>
                                          <p class="text-sm">Teknisi
                                             <b class="d-block">
                                                @foreach ($order->teknisis as $teknisi)
                                                      
                                                         @if(auth()->user()->isClient())
                                                         {{$teknisi->nama}}
                                                         @else
                                                         {{$teknisi->nama}}
                                                         @endif
                                                      @endforeach
                                             </b>
                                          </p>
                                          <p class="text-sm">Lat Long
                                             <b class="d-block">{{$order->latitude}} - {{$order->longitude}}</b>
                                          </p>
                                          <p class="text-sm">Nama Project
                                             <b class="d-block">{{$order->nama_projek}}</b>
                                          </p>
                                          <p class="text-sm">Created at
                                             <b class="d-block">{{$order->created_at->format('d M Y')}}</b>
                                          </p>
                                       </div>
                        
                                       <h5 class="mt-5 text-muted">Order files</h5>
                                       <ul class="list-unstyled">
                                       {{-- <li>
                                          <a href="" class="btn-link text-secondary"><i class="far fa-fw fa-file-word"></i> Master BAST.docx</a>
                                       </li> --}}
                                       <li>
                                          <a href="{{route('bast.preview', enkripRambo($order->id))}}" target="_blank" class="btn-link text-secondary"><i class="far fa-fw fa-file-pdf"></i> BAST.pdf</a>
                                       </li>
                                       <hr>
                                       
                                       
                                       </ul>
                                    </div>
            
                                    <!-- /.tab-pane -->
                                    <div class="tab-pane" id="foto">
                                       @if (auth()->user()->isTeknisi())
                                          <form action="{{route('jobreport.create.teknisi')}}" method="POST" enctype="multipart/form-data">
                                             @csrf
                                             <input hidden name="order_id" value="{{$order->id}}">
                                             <input hidden name="pelanggan_id" value="{{$order->pelanggan_id}}">
                                             <input hidden name="teknisi_id" value="{{$order->teknisis->first()->id}}">
                                             <div class="form-group row">
                                                <label for="foto_pekerjaan" class="col-sm-2 col-form-label">Foto</label>
                                                <div class="col-sm-10">
                                                   <div class="input-group">
                                                      <div class="custom-file">
                                                      <input type="file" class="custom-file-input" id="foto_pekerjaan" name="foto_pekerjaan">
                                                      <label class="custom-file-label" for="foto_pekerjaan">Choose file</label>
                                                      </div>
                                                      
                                                   </div>
                                                </div>
                                             </div>
                                             <div class="form-group row">
                                                <label for="judul_foto" class="col-sm-2 col-form-label">Title</label>
                                                <div class="col-sm-10">
                                                   <input type="text" class="form-control" id="judul_foto" name="judul_foto">
                                                </div>
                                             </div>
                                             <div class="form-group row">
                                                <div class="offset-sm-2 col-sm-10">
                                                   <button type="submit" class="btn btn-secondary">Save</button>
                                                </div>
                                             </div>
                                          </form>
                                          <hr>
                                       @endif
                                                                              @foreach ($jobphotos as $photo)
                                          {{-- <a href=""></a> --}}
                                          <div class="info-box border shadow-none ">
                                          
                                             {{-- @if (auth()->user()->isClient())
                                                <a href="{{route('client.jobreport.detail', $photo)}}" class="info-box-icon bg-info"><img  width="85px" style="object-fit:cover;cursor: pointer;" class="rounded" src="{{asset('storage/' . $photo->foto_pekerjaan)}}" alt=""></a>  
                                             @else
                                                <button type="submit" class="border-none btn btn-light" data-toggle="modal" data-target="#modal-photo-{{$photo->id}}">
                                                   <img  width="85px" style="object-fit:cover;cursor: pointer;" class="rounded" src="{{asset('storage/' . $photo->foto_pekerjaan)}}" alt="">
                                                </button> 
                                             @endif --}}
                                             <button  class="border-none btn btn-light" data-toggle="modal" data-target="#modal-photo-{{$photo->id}}">
                                                <img  width="85px" style="object-fit:cover;cursor: pointer;" class="rounded" src="{{asset('storage/' . $photo->foto_pekerjaan)}}" alt="">
                                             </button> 
                                             
                                             <div class="info-box-content">
                                                <span class="info-box-number fw-bold">
                                                   {{$photo->judul_foto}}
                                                </span>
                                                <small class="info-box-text fw-normal">
                                                   @if ($photo->status == '1')
                                                      @php
                                                         $kondisi = $kondisi * 0;
                                                      @endphp
                                                      @if (auth()->user()->isClient())
                                                         <div class="d-flex justify-content-between align-items-center">
                                                            <span class="text-muted">Menunggu Validasi Client</span>
                                                            <div class="btn-group">
                                                               <button data-toggle="modal" data-target="#modal-approve-photo-{{$photo->id}}" class="btn btn-sm btn-primary">Approve</button>
                                                               <button data-toggle="modal" data-target="#modal-reject-photo-{{$photo->id}}" class="btn btn-sm btn-danger">Reject</button>
                                                            </div>
                                                            
                                                         </div>
                                                         @else
                                                         <span class="text-muted">Menunggu Validasi Client</span>
                                                      @endif
                                                      
                                                   @elseif($photo->status == '2')
                                                   @php
                                                      $kondisi = $kondisi * 1;
                                                   @endphp
                                                      <span class="text-muted">Terverifikasi</span> 
                                                   @elseif($photo->status == '201')
                                                   @php
                                                      $kondisi = $kondisi * 0;
                                                   @endphp
                                                      @if (auth()->user()->isTeknisi())
                                                         <div class="d-flex justify-content-between align-items-center">
                                                            <span class="text-muted">{{$job->keterangan}}</span>
                                                            <a href="{{route('revisi.report', $photo)}}" class="btn btn-sm btn-danger">Revisi</a>
                                                         </div>
                                                      @endif
                                                      @if (auth()->user()->isClient())
                                                         <div class="d-flex justify-content-between align-items-center">
                                                            <span class="text-muted">Menunggu Revisi</span>
                                                            {{-- <a href="{{route('revisi.report', $photo)}}" class="btn btn-sm btn-danger">Revisi</a> --}}
                                                         </div>
                                                      @endif
                                                   @endif
                                                      </small>
                                             </div>
                                          </div>
                                       

                                          <div class="modal fade" id="modal-approve-photo-{{$photo->id}}">
                                             <div class="modal-dialog modal-md">
                                                <form action="{{route('client.jobreport.approve')}}" method="post">
                                                   @csrf
                                                   <div class="modal-content">
                                                      <div class="modal-header">
                                                         <h4 class="modal-title">Confirmation Approval</h4>
                                                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                         <span aria-hidden="true">&times;</span>
                                                         </button>
                                                      </div>
                                                      <div class="modal-body text-center">
                                                         <input type="hidden" name="job_photo_id" value="{{$photo->id}}" id="job_photo_id">
                                                         <input type="hidden" name="order_id" id="" value="{{$photo->order_id}}">
                                                         <p> Approve Foto Report? {{$photo->id}}</p>
                                                      </div>
                                                      <div class="modal-footer justify-content-between">
                                                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                                         <button type="submit" class="btn btn-primary">OK</button>
                                                      </div>
                                                   </div>
                                                </form>
                                             </div>
                                          </div>

                                          <div class="modal fade" id="modal-reject-photo-{{$photo->id}}">
                                             <div class="modal-dialog modal-md">
                                                <form action="{{route('client.jobreport.reject')}}" method="post">
                                                   @csrf
                                                   <div class="modal-content">
                                                      <div class="modal-header">
                                                         <h4 class="modal-title">Confirmation Rejection</h4>
                                                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                         <span aria-hidden="true">&times;</span>
                                                         </button>
                                                      </div>
                                                      <div class="modal-body text-center">
                                                      
                                                         <input type="hidden" name="job_photo_id" id="job_photo_id" value="{{$photo->id}}">
                                                         <input type="hidden" name="order_id" id="" value="{{$photo->order_id}}">

                                                         <div class="form-group">
                                                            {{-- <label for="" class="form-label">Reason</label> --}}
                                                            <textarea class="form-control" name="keterangan" id="" cols="44" rows="10" placeholder="Alasan : Foto yang kurang jelas"></textarea>
                                                         </div>
                                                            
                                                      
                                                      </div>
                                                      <div class="modal-footer justify-content-between">
                                                         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                                         <button type="submit" class="btn btn-danger">OK</button>
                                                      </div>
                                                   </div>
                                                </form>
                                             </div>
                                          </div>
                                          

                                          <div class="modal fade" id="modal-photo-{{$photo->id}}">
                                             <div class="modal-dialog modal-xl">
                                             <div class="modal-content">
                                                <div class="modal-header">
                                                   <h4 class="modal-title">Detail Foto</h4>
                                                   <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                   <span aria-hidden="true">&times;</span>
                                                   </button>
                                                </div>
                                                <div class="modal-body text-center">
                                                   <img   style="object-fit:cover;cursor: pointer;" class="img-fluid rounded" src="{{asset('storage/' . $photo->foto_pekerjaan)}}" alt="">
                                                </div>
                                                <div class="modal-footer justify-content-between">
                                                   <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                                   {{-- <button type="button" class="btn btn-primary">Save changes</button> --}}
                                                </div>
                                             </div>
                                             </div>
                                          </div>
                                       
                                       @endforeach
                                       @if ($order->status == '6')
                                          @if ($kondisi >= '1')
                                             <form action="{{route('job.approve', $order)}}" method="post" id="approve">
                                                @csrf
                                                {{-- <h3> Final Approval untuk semua Report Foto </h3> --}}
                                                <button type="submit" name="submit" class="btn btn-block btn-info">Final Approve</button>
                                             </form>
                                          @endif
                                       @endif
                                          
                                    </div>
                                    <!-- /.tab-pane -->
            
                                 
                                 </div>
                              </div>
                           </div>
                           <hr>
                           
                        </div>
                     </div>
                  </div>


                  <div class="col-12 col-md-12 col-lg-4 order-1 order-md-2">
                     @if (auth()->user()->isTeknisi())
                     @else
                        <div class="card card-prirary cardutline border shadow-none direct-chat direct-chat-primary">
                           <div class="card-header">
                              <h3 class="card-title">Direct Chat</h3>
               
                              <div class="card-tools">
                                 <span data-toggle="tooltip" title="3 New Messages" class="badge bg-primary">3</span>
                                 <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i>
                                 </button>
                                 {{-- <button type="button" class="btn btn-tool" data-toggle="tooltip" title="Contacts"
                                       data-widget="chat-pane-toggle">
                                 <i class="fas fa-comments"></i></button>
                                 <button type="button" class="btn btn-tool" data-card-widget="remove"><i class="fas fa-times"></i>
                                 </button> --}}
                              </div>
                           </div>
                           <!-- /.card-header -->
                           <div class="card-body">
                              <div class="direct-chat-messages" id="message">
                                 @foreach ($messages as $message)
                                    @if ($message->pelanggan_id == 1)
                                       <div class="direct-chat-msg">
                                          <div class="direct-chat-infos clearfix">
                                             <span class="direct-chat-name float-left">Client</span>
                                             <span class="direct-chat-timestamp float-right">{{$message->created_at->format('d/m/y H:i:s')}}</span>
                                          </div>
                                          <img class="direct-chat-img" src="{{asset('lte/dist/img/avatar5.png')}}" alt="Message User Image">
                                          <div class="direct-chat-text text-sm">
                                             {{$message->content}}
                                          </div>
                                       </div>
                                       @elseif($message->pelanggan_id == 0)
                                       <div class="direct-chat-msg right ">
                                          <div class="direct-chat-infos clearfix">
                                             <span class="direct-chat-name float-right">Kordinator</span>
                                             <span class="direct-chat-timestamp float-left">{{$message->created_at->format('d/m/y H:i:s')}}</span>
                                          </div>
                                          <img class="direct-chat-img" src="{{asset('/lte/dist/img/avatar.png')}}" alt="Message User Image">
                                          <div class="direct-chat-text text-sm ">
                                             {{$message->content}}
                                          </div>
                                       </div>
                                    @endif
                                 @endforeach
                                 
                                 
                                 

                              </div>

                           </div>
                           <!-- /.card-body -->
                           <div class="card-footer">
                              @if (auth()->user()->isKordinator() || auth()->user()->isClient() )
                              <form action="{{route('message.store')}}" method="post">
                                 @csrf
                                 <input hidden type="number" id="order" name="order" value="{{$order->id}}">
                                 <input hidden type="number" id="client" name="client" value="{{$order->pelanggan_id}}">
                                 <input hidden type="number" id="kordinator" name="kordinator" value="{{$order->kordinator_id}}">
                              
                                 <div class="input-group">
                                    <input type="text" name="content" id="content" placeholder="Type Message ..." class="form-control">
                                    <span class="input-group-append">
                                       <button type="submit" class="btn btn-primary">Send</button>
                                    </span>
                                 </div>
                              </form>
                              @endif
                              
                           </div>
                           <!-- /.card-footer-->
                        </div>
                        <hr>
                     @endif
                     

                     
                     @if (auth()->user()->isKordinator())
                        <h5>Form Activity</h5>
                        <form action="{{route('job.activity', $order)}}" method="POST">
                           @csrf
                           <div class="form-group row">
                              {{-- <label for="namaPerusahaan" class="col-sm-2 col-form-label">Name</label> --}}
                              <div class="col-sm-12">
                                 <input type="text" class="form-control" id="activity" name="activity" >
                              </div>
                              
                           </div>
                           <div class="form-group row">
                              <div class="col-sm-6">
                                 <input type="date" class="form-control" id="tanggal" name="tanggal" >
                              </div>
                              <div class="col-sm-6">
                                 <input type="time" class="form-control" id="jam" name="jam" >
                              </div>
                           </div>
                           <div class="form-group row">
                              <div class="col-sm-12">
                                 <button type="submit" class="btn btn-primary btn-block"><i class="fa fa-save"></i> Save</button>
                              </div>
                           </div>
                        </form>
                        <hr>
                     @endif
                     
                     @if ($activities->count() > 0)
                        <h5>Recent Activity</h5>
                        <div class="timeline">
                           @foreach ($activities as $activity)
                              <div>
                                 <i class="fas fa-arrow-up bg-info"></i>
                                 <div class="timeline-item">
                                    <span class="time"><i class="fas fa-clock"></i> {{$activity->jam}}</span>
                                    <h3 class="timeline-header"><a href="#">{{$activity->tanggal}}</a></h3>
                  
                                    <div class="timeline-body">
                                       {{$activity->kegiatan}}
                                    </div>
                                    
                                 </div>
                              </div>
                           @endforeach
                        </div>
                           @else
                           <h5>Recent Activity (Dummy)</h5>
                           <div class="timeline">
                           <!-- timeline time label -->
                           {{-- <div class="time-label">
                           <span class="bg-secondary">10 Feb. 2014</span>
                           </div> --}}
                           <!-- /.timeline-label -->
                           <!-- timeline item -->
                           <div>
                           <i class="fas fa-arrow-up bg-info"></i>
                           <div class="timeline-item">
                              <span class="time"><i class="fas fa-clock"></i> 12:05</span>
                              <h3 class="timeline-header">21/05/22</h3>
            
                              <div class="timeline-body">
                                 Selesai
                              </div>
                              
                           </div>
                           </div>
                           <!-- END timeline item -->
                           
                           <!-- timeline item -->
                           <div>
                           <i class="fas fa-arrow-up bg-info"></i>
                           <div class="timeline-item">
                              <span class="time"><i class="fas fa-clock"></i> 09:05</span>
                              <h3 class="timeline-header">21/05/22</h3>
                              <div class="timeline-body">
                                 Review lokasi!
                                 pemetaan lokasi untuk pondasi bangunan
                              </div>
                              {{-- <div class="timeline-footer">
                                 <a class="btn btn-warning btn-sm">View comment</a>
                              </div> --}}
                           </div>
                           </div>
                           
                        
                           <div>
                           <i class="fas fa-arrow-up bg-info"></i>
                           <div class="timeline-item">
                              <span class="time"><i class="fas fa-clock"></i> 05:05</span>
                              <h3 class="timeline-header">21/05/22</h3>
            
                              <div class="timeline-body">
                              Persiapan peralatan...
                              </div>
                              
                           </div>
                           </div>
                        </div>
                     @endif
                     
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>

   
@endsection

@push('datatables')
<script>
   $(function () {
     $("#example1").DataTable({
       "responsive": true,
       "autoWidth": false,
     });
     $('#example2').DataTable({
       "paging": true,
       "lengthChange": false,
       "searching": false,
       "ordering": true,
       "info": true,
       "autoWidth": false,
       "responsive": true,
     });
   });
 </script>
@endpush