@extends('layouts.backend.app')

@section("content")

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

    <div class="pageheader">
        <h2>Tournée de livraison <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 livraisons</a>
                </li>
                <li>
                    <a href="">Tournée de livraison</a>
                </li>
            </ul>

        </div>

    </div>

     @if(Session::has('error'))
    <!-- row -->
    <div class="row">
        <!-- col -->
        <div class="col-md-12">
                <div class="alert alert-danger">{{ Session::get('error') }}</div>
        </div>
        <!-- /col -->
    </div>
    <!-- /row -->
    @endif
    <div class="add-nav">
        <div class="nav-heading">
            <h3>Tournée : {{$delivery_tour->title}} | <strong class="text-greensea">#{{$delivery_tour->tour_number}}</strong></h3><br/>
            <h5>Livreur : <strong class="text-greensea">{{$delivery_tour->firstname}} {{$delivery_tour->lastname}}</strong></h5>
            @if($delivery_tour->delivery_tour_status==0)
                <div class="alert alert-info alert-dismissable"><h5>La tournée de livraison n'a pas encore demarré. Contactez le gestionnaire d'exploitation.</h5></div>
            @endif
        </div>

        <div role="tabpanel">

            <!-- Nav tabs -->
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#details" aria-controls="details" role="tab" data-toggle="tab">Details</a></li>
                <li role="presentation" class=""><a href="#checklist" aria-controls="checklist" role="tab" data-toggle="tab">Ma checklist</a></li>
            </ul>

            <div class="tab-content">
                <!-- tab in tabs -->
                <div role="tabpanel" class="tab-pane active" id="details">



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


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

                                <!-- tile body -->
                                <div class="tile-body p-0">

                                    <div class="table-responsive">
                                        <table class="table table-custom" id="table1">
                                            <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>N° Commande</th>
                                                <th>Adresse de livraison</th>
                                                <th>Nom & Prénoms</th>
                                                <th>Contact</th>
                                                <th>Type contrat</th>
                                                <th>Status</th>
                                                <th>Date</th>
                                                <th>Tournée</th>
                                                <th>Action</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($prospects as $key => $prospect)
                                            
                                                <tr>
                                                    <td>{{++$key}}</td>
                                                    <td><a data-toggle="tooltip" title="Voir détails" href="{{route('devis.details',['id'=>$prospect->qid,'aid'=>$prospect->aid])}}">{{ $prospect->number_n}}</a></td>
                                                    <td>{{ $prospect->delivery_location}}</td>
                                                    <td>{{ $prospect->firstname}}</td>
                                                    <td>{{ $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>{{ date("d/m/Y H:i:s", strtotime($prospect->date_created))}}</td>
                                                    <td>
                                                        @if(isOrderSetToDeliveryTour($prospect->qid))
                                                        <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}}</label>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if($prospect->delivery_status==0)
                                                            @if($delivery_tour->delivery_tour_status==0)
                                                                <label class="label label-info">La tournée de livraison n'a pas encore demarré</label>
                                                            @else
                                                            <a data-toggle="modal" data-target="#modal_confirm_delivery" title="Livré" href="javascript:;" onclick="getDeliveryTourOrderInfos2({{$prospect->delivery_status}}, {{$prospect->order_id}},{{$prospect->id_delivery_tour_order}},'{{$prospect->number_n}}', '{{htmlentities(addslashes($prospect->firstname))}}', '{{htmlentities(addslashes($prospect->lastname))}}')" class="btn btn-success"> <i class="fa fa-truck"></i> </a> 
                                                            <a data-toggle="modal" onclick="getDeliveryTourOrderInfos({{$prospect->order_id}},{{$prospect->id_delivery_tour_order}},'{{$prospect->number_n}}', '{{$prospect->firstname}}', '{{$prospect->lastname}}')" data-target="#modal_not_delivery" title="Non livré" href="javascript:;" class="btn btn-warning"> <i class="glyphicon glyphicon-warning-sign"></i> </a> 
                                                            @endif
                                                        @elseif($prospect->delivery_status==1)
                                                            <label class="label label-success">Livrée</label>

                                                            <a data-toggle="modal" data-target="#modal_confirm_delivery" title="Telecharger images" href="javascript:;" onclick="getDeliveryTourOrderInfos2({{$prospect->delivery_status}},{{$prospect->order_id}},{{$prospect->id_delivery_tour_order}},'{{$prospect->number_n}}', '{{htmlentities(addslashes($prospect->firstname))}}', '{{htmlentities(addslashes($prospect->lastname))}}')" class="btn btn-info"> <i class="fa fa-download"></i> </a> 
                                                        @else
                                                            <label class="label label-danger">Non Livrée</label>

                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach  
                                            @if(sizeof($prospects_voyage)>0)
                                                @foreach($prospects_voyage as $key => $prospect)
                                                    @if($prospect->status==5)  @endif
                                                    <tr>
                                                        <td>{{++$key}}</td>
                                                        <td><a data-toggle="tooltip" title="Voir détails" href="{{route('devis.voyage.details',['id'=>$prospect->qid,'aid'=>$prospect->assur_voy_id])}}">{{ $prospect->number_n}}</a></td>
                                                        <td>{{ $prospect->delivery_location}}</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>{{ date("d/m/Y H:i:s", strtotime($prospect->created_at))}}</td>
                                                        
                                                        <td>
                                                            @if(isOrderSetToDeliveryTour($prospect->qid))
                                                            <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}}</label>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if($prospect->delivery_status==0)
                                                                @if($delivery_tour->delivery_tour_status==0)
                                                                    <label class="label label-info">La tournée de livraison n'a pas encore demarré</label>
                                                                @else
                                                                <a data-toggle="modal" data-target="#modal_confirm_delivery" title="Livré" href="javascript:;" onclick="getDeliveryTourOrderInfos2({{$prospect->delivery_status}}, {{$prospect->order_id}},{{$prospect->id_delivery_tour_order}},'{{$prospect->number_n}}', '{{htmlentities(addslashes($prospect->firstname))}}', '{{htmlentities(addslashes($prospect->lastname))}}')" class="btn btn-success"> <i class="fa fa-truck"></i> </a> 
                                                                <a data-toggle="modal" onclick="getDeliveryTourOrderInfos({{$prospect->order_id}},{{$prospect->id_delivery_tour_order}},'{{$prospect->number_n}}', '{{$prospect->firstname}}', '{{$prospect->lastname}}')" data-target="#modal_not_delivery" title="Non livré" href="javascript:;" class="btn btn-warning"> <i class="glyphicon glyphicon-warning-sign"></i> </a> 
                                                                @endif
                                                            @elseif($prospect->delivery_status==1)
                                                                <label class="label label-success">Livrée</label>

                                                                <a data-toggle="modal" data-target="#modal_confirm_delivery" title="Telecharger images" href="javascript:;" onclick="getDeliveryTourOrderInfos2({{$prospect->delivery_status}},{{$prospect->order_id}},{{$prospect->id_delivery_tour_order}},'{{$prospect->number_n}}', '{{htmlentities(addslashes($prospect->firstname))}}', '{{htmlentities(addslashes($prospect->lastname))}}')" class="btn btn-info"> <i class="fa fa-download"></i> </a> 
                                                            @else
                                                                <label class="label label-danger">Non Livrée</label>

                                                            @endif
                                                        </td>
                                                    </tr>
                                                @endforeach 
                                            @endif
                                            </tbody>
                                        </table>

                                    </div>

                                </div>
                                <!-- /tile body -->

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


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

                <div role="tabpanel" class="tab-pane" id="checklist">
                    <!-- tile -->

                    <div class="col-md-7">  
                        <section class="tile widget-todo" fullscreen="isFullscreen04" ng-controller="TodoWidgetCtrl">

                            <!-- tile header -->
                            <div class="tile-header dvd dvd-btm">
                                <h1 class="custom-font"><strong>Todo </strong>List</h1>
                                <ul class="controls">
                                    <li class="dropdown">

                                        <a role="button" tabindex="0" class="dropdown-toggle settings" data-toggle="dropdown">
                                            <i class="fa fa-cog"></i>
                                            <i class="fa fa-spinner fa-spin"></i>
                                        </a>

                                        <ul class="dropdown-menu pull-right with-arrow animated littleFadeInUp">
                                            <li>
                                                <a role="button" tabindex="0" class="tile-toggle">
                                                    <span class="minimize"><i class="fa fa-angle-down"></i>&nbsp;&nbsp;&nbsp;Minimize</span>
                                                    <span class="expand"><i class="fa fa-angle-up"></i>&nbsp;&nbsp;&nbsp;Expand</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a role="button" tabindex="0" class="tile-refresh">
                                                    <i class="fa fa-refresh"></i> Refresh
                                                </a>
                                            </li>
                                            <li>
                                                <a role="button" tabindex="0" class="tile-fullscreen">
                                                    <i class="fa fa-expand"></i> Fullscreen
                                                </a>
                                            </li>
                                        </ul>

                                    </li>
                                    <li class="remove"><a role="button" tabindex="0" class="tile-close"><i class="fa fa-times"></i></a></li>
                                </ul>
                            </div>
                            <!-- /tile header -->

                            <!-- tile body -->                        
                            <div class="tile-body lined-paper">
                                <ul class="todo-list list-unstyled">
                                    <li>
                                        <div class="view">
                                            <label class="checkbox checkbox-custom m-0 text-muted inline">
                                                <input type="checkbox"><i></i>
                                            </label>
                                            <span>Vérifier les informations de la carte grise</span>
                                            <a role="button" tabindex="0" class="text-danger remove-todo pull-right">
                                                <i class="fa fa-times"></i>
                                            </a>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="view">
                                            <label class="checkbox checkbox-custom m-0 text-muted inline">
                                                <input type="checkbox"><i></i>
                                            </label>
                                            <span>Scanner la carte grise</span>
                                            <a role="button" tabindex="0" class="text-danger remove-todo pull-right">
                                                <i class="fa fa-times"></i>
                                            </a>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="view">
                                            <label class="checkbox checkbox-custom m-0 text-muted inline">
                                                <input type="checkbox"><i></i>
                                            </label>
                                            <span>Faire signer le contrat d'assurance</span>
                                            <a role="button" tabindex="0" class="text-danger remove-todo pull-right">
                                                <i class="fa fa-times"></i>
                                            </a>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="view">
                                            <label class="checkbox checkbox-custom m-0 text-muted inline">
                                                <input type="checkbox"><i></i>
                                            </label>
                                            <span>Scanner le contrat signé</span>
                                            <a role="button" tabindex="0" class="text-danger remove-todo pull-right">
                                                <i class="fa fa-times"></i>
                                            </a>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="view">
                                            <label class="checkbox checkbox-custom m-0 text-muted inline">
                                                <input type="checkbox"><i></i>
                                            </label>
                                            <span>Remettre le contrat et la police d'assurance au client</span>
                                            <a role="button" tabindex="0" class="text-danger remove-todo pull-right">
                                                <i class="fa fa-times"></i>
                                            </a>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="view">
                                            <label class="checkbox checkbox-custom m-0 text-muted inline">
                                                <input type="checkbox"><i></i>
                                            </label>
                                            <span>Encaisser l'argent</span>
                                            <a role="button" tabindex="0" class="text-danger remove-todo pull-right">
                                                <i class="fa fa-times"></i>
                                            </a>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="view">
                                            <label class="checkbox checkbox-custom m-0 text-muted inline">
                                                <input type="checkbox"><i></i>
                                            </label>
                                            <span>Photographier le véhicule assuré</span>
                                            <a role="button" tabindex="0" class="text-danger remove-todo pull-right">
                                                <i class="fa fa-times"></i>
                                            </a>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="view">
                                            <label class="checkbox checkbox-custom m-0 text-muted inline">
                                                <input type="checkbox"><i></i>
                                            </label>
                                            <span>Remercier le client</span>
                                            <a role="button" tabindex="0" class="text-danger remove-todo pull-right">
                                                <i class="fa fa-times"></i>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <!-- /tile body -->
                        </section>
                    </div>
                    <div class="col-md-5"></div>
                    <!-- /tile -->
                </div>
            </div>
        </div>
    </div>

</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="