@extends('layouts.backend.app')

@section("content")

<div class="page page-tables-datatables">

    <div class="pageheader">
        <h2>Mise en livraison des commandes <span></h2>

        <div class="page-bar">

            <ul class="page-breadcrumb">
                <li>
                <a href="{{route('spaceDashboard')}}"><i class="fa fa-home"></i> MONASSURANCE.CI</a>
                </li>
                <li>
                    <a href="#">Gérer mes commandes</a>
                </li>
                <li>
                    <a href="">Mise en livraison</a>
                </li>
            </ul>

        </div>

    </div>

    <!-- row -->
    <div class="row">
        <!-- col -->
        <div class="col-md-12">


            @if(Session::has('error'))
                <div class="alert alert-danger">{{ Session::get('error') }}</div>
            @endif

            <!-- tile -->
            <section class="tile">

                <!-- tile header -->
                <div class="tile-header dvd dvd-btm">
                    <h1 class="custom-font"><strong>Commandes</strong></h1>
                </div>
                <!-- /tile header -->

                <!-- tile body -->
                <div class="tile-body">
                    <div role="tabpanel">
                            <!-- Nav tabs -->
                            <div class="form-group">                            
                                <button class="btn btn-success" data-toggle="modal" data-target="#new-tour">Nouvelle tournée</button>
                            </div>
                            <ul class="nav nav-tabs tabs-dark" role="tablist">
                                <li role="presentation" class="active"><a href="#waiting" aria-controls="settingsTab" role="tab" data-toggle="tab">Liste des commandes en attente de livraison</a></li>
                                <li role="presentation" class=""><a href="#tour" aria-controls="settingsTab" role="tab" data-toggle="tab">Tournée de Livraison</a></li>
                                
                            </ul>

                            <!-- Tab panes -->
                            <div class="tab-content">

                                 <div role="tabpanel" class="tab-pane active" id="waiting">

                                    <div class="wrap-reset">
                                        <table class="table table-custom" id="table1">
                                            <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>N° Commande</th>
                                                <th>N° Police</th>
                                                <th>Client</th>
                                                <th>Contact</th>
                                                <th>Type contrat</th>
                                                <th>Status</th>
                                                <th>Adresse</th>
                                                <th>Date</th>
                                                <th>Action</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($prospects as $key => $prospect)
                                                <tr>
                                                    <td>{{++$key}}</td>
                                                    <td>{{ $prospect->number_n}}</td>
                                                    <td>{{ $prospect->policy_number}}</td>
                                                    <td>{{ $prospect->firstname}} {{ $prospect->lastname}}</td>
                                                    
                                                    <td>{{ $prospect->contact}}</td>
                                                    <td>
                                                        @if($prospect->priority==1)
                                                        <div id="raty4" class="inline-block" data-toggle="tooltip" title="Urgent"></div>
                                                        @endif
                                                        @if($prospect->product_type==1)
                                                        Auto
                                                        @elseif($prospect->product_type==3)
                                                        Voyage
                                                        @endif 
                                                    </td>
                                                    <td>
                                                           {!! get_commande_status($prospect->status) !!}
                                                    </td>
                                                    <td>{{ $prospect->delivery_location}} ({{ $prospect->phone_client}})</td>
                                                    <td>{{ date("d/m/Y H:i:s", strtotime($prospect->created_at))}}</td>
                                                    <td>
                                                        @if(isOrderSetToDeliveryTour($prospect->qid))
                                                            <a href="javascript:;" role="button" onclick="getOrder({{$prospect->qid}})" data-toggle="modal" data-target="#set-to-tour2">
                                                                <label data-toggle="tooltip" title="N° de la tournée" class="label label-{{(getDeliveryTourStatus($prospect->qid)->delivery_tour_status==0)?'warning':'success'}}">{{getDeliveryNumberForOrder($prospect->qid)->tour_number}} <i class="fa fa-edit"></i></label> 
                                                            </a>
                                                        @else
                                                        <a title="Mettre en livraison" onclick="getOrder({{$prospect->qid}})" data-toggle="modal" data-target="#set-to-tour" href="javascript:;" class="btn btn-primary"> <i class="fa fa-truck"></i> </a> 
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach  
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div role="tabpanel" class="tab-pane" id="tour">

                                    <div class="wrap-reset">
                                        <table class="table table-custom" id="table2">
                                            {{--<p class="text-center"><a href="javascript:;" onclick="closeAllTour()"  data-toggle="tooltip" title="Fermer toute les tournées encaissées" class="btn btn-warning"><i class="fa fa-times"></i> Fermer toute les tournées encaissées</a></p>--}}
                                            <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Tournée N°</th>
                                                <th>Livreur</th>
                                                <th>Date/Heure</th>
                                                <th>Itineraire(s)</th>
                                                <th>Commandes</th>
                                                <th>Action</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($delivery_tour as $key=>$del_tour)
                                                <tr>
                                                    <td>{{++$key}}</td>
                                                    <td>{{$del_tour->tour_number}}</td>
                                                    <td>{{$del_tour->firstname}} {{$del_tour->lastname}}</td>
                                                    <td><label class="label {{(strtotime($del_tour->tour_start_date) < time())?'label-danger':'label-success' }}">{{date('d/m/Y H:i:s',strtotime($del_tour->tour_start_date))}} </label></td>
                                                    <td>
                                                        {!! getListOfRouteByDeliveryId($del_tour->id) !!}
                                                    </td>
                                                    <td>
                                                        <p>{!! getListOfOrderByDeliveryIdAdvanced($del_tour->id) !!}</p>
                                                       
                                                    </td>
                                                    <td>
                                                        <a href="{{ route('delivery.operation.details', $del_tour->id) }}"  data-toggle="tooltip" title="Afficher la tournée" class="btn btn-default"><i class="fa fa-eye"></i></a>

                                                        <a href="javascript:;" onclick="getDeliveryTour({{$del_tour->id}})" data-toggle="modal" data-target="#update-tour" title="Modifier la tournée" class="btn btn-primary"><i class="fa fa-edit"></i></a>


                                                        

                                                        @if($del_tour->delivery_tour_status==0)
                                                        <a href="javascript:;" onclick="StartDeliveryTour({{$del_tour->id}})" data-toggle="tooltip" title="Demarrer la tournée" class="btn btn-success"><i class="fa fa-play"></i></a>
                                                        @elseif($del_tour->delivery_tour_status==1)
                                                        <a href="javascript:;" onclick="closeTour({{$del_tour->id}})"  data-toggle="tooltip" title="Fermer la tournée" class="btn btn-info"><i class="fa fa-times"></i></a>
                                                        @else
                                                        <label class="label label-danger">Fermée</label>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                    
                </div>
                <!-- /tile body -->

            </section>
            <!-- /tile -->

        </div>
        <!-- /col -->
    </div>
    <!-- /row -->

</div>
@endsection
                
      
@section('header-script')
<link rel="stylesheet" href="{{asset('back/assets/css/vendor/sweetalert/sweetalert.css')}}">
<link rel="stylesheet" href="{{asset('back/assets/js/vendor/datetimepicker/css/bootstrap-datetimepicker.min.css')}}">
<link rel="stylesheet" href="{{asset('back/assets/js/vendor/chosen/chosen.css')}}">
<link rel="stylesheet" href="