@extends('layouts.app')
@section('content')
  <div class="main-content">
    <!-- Header -->
    <div class="header bg-gradient-danger pb-8 pt-5 pt-md-6">
       <div class="container-fluid">
          <div class="header-body">
             <div class="row align-items-center py-4">
                <div class="col-lg-6 col-7">
                   <nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
                      <ol class="breadcrumb breadcrumb-links breadcrumb-dark">
                         <li class="breadcrumb-item"><a href="{{url('driver/home')}}"><i class="fas fa-home"></i></a></li>
                         <li class="breadcrumb-item"><a href="{{url('driver/deliveries')}}">Delivery</a></li>
                         <li class="breadcrumb-item active" aria-current="page">View</li>
                      </ol>
                   </nav>
                </div>
             </div>
          </div>
       </div>
    </div>
    <!-- Page content -->
    <div class="container-fluid mt--7">
      <div class="row">
        <div class="col-lg-12">
          <div class="card bg-secondary shadow">
            <div class="card-header bg-white">
              <div class="row align-items-center">
                <div class="col-8">
                  <h4 class="mb-0">Item Details</h4>
                </div>
              </div>
              <div class="col-12 text-right">
                <a data-toggle="tooltip"  class="btn btn-link btn-sm" style="font-size: 2em;" title="Photo" href="{{URL::to('driver/deliveries/camera/' . $delivery->id )}}" ><i class="fa fa-camera text-orange"></i></a>
                
                <a data-toggle="tooltip"  class="btn btn-link btn-sm" style="font-size: 2em;" title="Call" href="tel:{{$delivery->recipient_phone_number}}"><i class="fa fa-phone text-orange"></i></a>
                
                <a href="https://wa.me/{{$delivery->recipient_phone_number}}?text=Hi,Iam from Cargo-3pex" data-toggle="tooltip"  class="btn btn-link btn-sm" style="font-size: 2em;" title="Message" ><i class="fab fa-whatsapp text-orange"></i></a>
                
                <a data-toggle="modal" id="change_status_button_{{$delivery->id}}"   data-target="#change_status_modal_{{$delivery->id}}" class="btn btn-link btn-sm change_status_button" style="font-size: 2em;" title="Success" ><i class="fa fa-check text-orange"></i></a>
                
                <a data-toggle="modal" id="change_status_failed_button_{{$delivery->id}}" data-target="#change_status_failed_modal_{{$delivery->id}}" class="btn btn-link btn-sm change_status_failed_button" style="font-size: 2em;" title="Failed" ><i class="fa fa-times text-orange"></i></a>
                
                <a data-toggle="tooltip"  class="btn btn-link btn-sm" style="font-size: 2em;" title="Back" href="{{URL::to('driver/deliveries')}}" ><i class="fa fa-arrow-left text-orange"></i></a>
                <input type="hidden" name="delivery_id" value="{{$delivery->id}}">
              </div>
            </div>
            @if(Session::has('message'))
            <div class="alert {{ Session::get('alert-class', 'alert-info') }}" role="alert">
                {{ Session::get('message') }}
            </div>
            @endif

            <div class="card-body" id="success_delivery">
            <table>
              <tbody>
                <tr>
                  <td>    
                    <div class="form-group">
                    {{$delivery->tracking_id}}
                  </div>
                  </td>
                  <td>
                    <div class="col-lg-6">
                      <div class="form-group">
                         
                      </div>
                    </div> 
                  </td> 
                  <td >
                    <div align="right">
                      <font size="+20" >
                      <b> </b>
                      </font>
                    </div>
                  </td>   
                </tr>
                <tr>
                  <table>
                    <tr>
                      <td>
                        <label class="form-control-label"><b>SHIP FROM</b></label>
                      </td> 
                    </tr>
                    <tr>   
                      <td> 
                        NAME:
                      </td>
                      <td>  
                        {{$delivery->sender_name}}
                      </td>
                    </tr>
                  </table> 
                </tr> 
                <div class="form-group">
                <tr> 
                  <table> 
                    <tr>
                      <div class="form-group">
                      <td>
                        <label class="form-control-label"><b>SHIP TO</b></label>
                      </td>
                      </div>  
                    <tr>
                      <td>
                      NAME: 
                      </td>
                      <td>
                      {{$delivery->recipient_name}}
                      </td>
                    </tr>      
                    <tr>
                      <td>
                        PHONE: 
                      </td>
                      <td>
                        {{$delivery->recipient_phone_number}}
                      </td>
                    </tr>  
                    <tr>
                      <td>
                        ADDRESS:
                      </td>
                      <td>
                        {{$delivery->recipient_address}}
                      <td>
                    </tr>  
                    <tr>
                      <td>
                        UNIT:
                      </td>
                      <td>
                        {{$delivery->recipient_unit_number}}
                      </td>
                    </tr>
                    <tr>
                      <td>
                        POSTAL CODE: 
                      </td>
                      <td>
                        {{$delivery->recipient_zip_code}}
                      </td>
                   </tr>
                  </table>  
                </tr>
               </div>
                <tr>
                  <table>
                    <tr>
                      <td>
                        <label class="form-control-label"><b>ITEM</b></label>
                      </td>
                    </tr>
                    <tr>
                      <td>      
                        NAME:
                      </td>
                      <td>    
                        {{$delivery->item_name}}
                      </td> 
                    </tr>
                    <tr>
                      <td>    
                        QTY  :
                      </td>
                      <td>  
                        {{$delivery->quantity}}pcs
                      </td>
                    </tr>    
                    <tr>
                      <td>      
                        WEIGHT:
                      </td>
                      <td>  
                        {{$delivery->weight}}kg
                      </td>
                    </tr>  
                  </table>
                </tr>
                
                <tr> 
                  <table>
                    <tr> 
                      <div class="form-group">
                      <td>
                        <label class="form-control-label"><b>INSTRUCTIONS</b></label>
                      </td>
                      </div>
                    </tr>
                    <tr> 
                      <td>
                        {{$delivery->note}}
                      </td>
                    </tr>  
                  </table>  
                </tr>
                <tr>
                  <td>
                    <div class="pl-lg-12">
                  <div class="form-group" align="left" style="margin-top: 20px;">
                    <a><img src="{{asset('assets/img/3pex.png') }}" >
                  </div>
                </div>
                  </td>
                </tr>  
              </tbody>
            </table>
          </div>  
        </div>
      </div>
    </div>
  </div>
  <div class="btn-group">
<div class="modal fade bs-example-modal-lg" id="change_status_modal_{{$delivery->id}}" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <form id="change_status_form_{{$delivery->id}}" action="#" method="post">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">Change Tracking Status</h4>
          </div>
          <div class="modal-body">
            <input type="hidden" name="delivery_id" value="{{$delivery->id}}" class="change_status_delivery_id" />
            <div class="form-group">
              <label for="recipient-name" class="control-label">Item:</label>
              {{{ $delivery->item_name }}}
            </div>
            <div class="form-group">
              Do You Want To Change The Tracking Status To Success
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn pull-left" data-dismiss="modal">Close</button>
            <a type="submit" href="{{URL::to('driver/deliveries/success/' . $delivery->id )}}"  class="btn btn-primary save_status">ok</a>
        </div>
      </form>
    </div>
  </div>
</div>
<div class="modal fade bs-example-modal-lg" id="change_status_failed_modal_{{$delivery->id}}" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <form id="change_status_failed_form_{{$delivery->id}}" action="#" method="post">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">Change Tracking Status</h4>
          </div>
          <div class="modal-body">
            <input type="hidden" name="delivery_id" value="{{$delivery->id}}" class="change_status_failed_delivery_id" />
            <div class="form-group">
              <label for="recipient-name" class="control-label">Item:</label>
              {{{ $delivery->item_name }}}
            </div>
            <div class="form-group">
              Do You Want To Change The Tracking Status To Failed
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn pull-left" data-dismiss="modal">Close</button>
            <a type="submit" href="{{URL::to('driver/deliveries/failed/' . $delivery->id )}}"  class="btn btn-primary save_status_failed">ok</a>
        </div>
      </form>
    </div>
  </div>
</div>  
</div>
  <div class="modal fade" id="image-gallery" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true"></span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="image-gallery-title"></h4>
            </div>
            <div class="modal-body">
                <img id="image-gallery-image" class="img-responsive" src="">
            </div>
            <div class="modal-footer">

            </div>
        </div>
    </div>
</div>

@endsection