

<?php $__env->startSection('content'); ?>
    <!-- <div class="row">
        <div class="col-lg-12 margin-tb">
            <div class="pull-left">
                <h2> Show Billet</h2>
            </div>
            <div class="pull-right">
                <a class="btn btn-primary" href="<?php echo e(route('billets.index')); ?>"> Back</a>
            </div>
        </div>
    </div> -->
        <div class="col-lg-12 margin-tb">
            <div class="pull-right">
                <a class="back-icon" href="<?php echo e(route('billets.index')); ?>">⬅</a>
                <button type="button" class="btn btn-primary" id="printButton" >☑️</button>

            </div>
        </div>
   
    <div class="border border-2 m-4">
        <!-- header -->

        <div class="d-flex border-bottom   border-2">
            <div class=" border-end  border-2  col-8 ">
                <div class="d-flex border-bottom  border-2 flex w-100 ">
                    <div class="col-6  p-3">
                        <h6 class="d-block  fw-semibold ">Siége Social</h6>
                        <h6 class="d-block  fw-semibold ">ZAC du champ-Saint-julien</h6>
                        <h6 class="d-block  fw-semibold ">189 Rue de la porte de trivaux</h6>
                        <h6 class="d-block  fw-semibold ">92140 Clamart</h6>
                        <h6 class="d-block  fw-semibold ">contact@ats-paris.com</h6>
                        <h6 class="d-block  fw-semibold ">Tel 01 56 32 10 30 - Fax : 01 43 82 91 92</h6>
                        <h6 class="d-block  fw-semibold ">SAS au capital de 10 000.00 Euros</h6>
                        <h6 class="d-block  fw-semibold ">R.C.S : 905 153 995 R.C.S. Natnterre</h6>
                        <h6 class="d-block  fw-semibold ">N° intra-communautaire : FR73514059054</h6>
                    </div>
                    <div class="col-6 border-start  border-2  p-3 d-flex justify-content-center align-items-center ">
                    <img src="<?php echo e(asset('logo.png')); ?>" alt="Logo">

                       
                    </div>
                </div>
                <div class="p-3">
                    <h6 class="d-block fw-semibold ">Servi Occsionnel Collectif de transport public Router de Voyageurs</h6>
                    <h6 class="d-block ">Billet Collectif valant ORDER DE MISSION : Arrété ministériel 28/12/2011 (Art, 1-2) </h6>
                </div>
            </div>
            <div class=" col-4 p-3">
                <h6 class="m-0 text-uppercase ms-5 fw-semibold ps-4">N°Billet : <?php echo e($billet->numero); ?></h6>
                <!-- <input type="text" name="numero" value="<?php echo e($billet->numero); ?>" class="form-control" placeholder="N°Billet"> -->
                <h6 class="ms-5 ps-4">Date : <?php echo e($billet->date); ?></h6>
                <!-- <input type="date" name="date" value="" class="form-control" placeholder="Date"> -->
                <div>
                    <?php
                    $selectedVehicle = $billet->vehicule;
                    ?>

                    <div style="display: flex; align-items: center;">
                        <h6 class="text-uppercase mt-2 fw-semibold" style="margin-right: 10px;">
                            Vehicule:
                        </h6>
                        <select name="chauffeur" id="chauffeur" class="form-control">
                            <?php $__currentLoopData = $chauffeurs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $chauffeur): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <option value="<?php echo e($chauffeur->id); ?>" <?php echo e($selectedVehicle == $chauffeur->id ? 'selected' : ''); ?>>
                                    <?php echo e($chauffeur->name); ?>

                                </option>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </select>
                    </div>
                </div>




                <h6 class="text-uppercase  fw-semibold ">WIFI</h6>
                <div class="d-flex align-items-center ">
                    <div class="col-6">
                        <h6 class="text-uppercase  fw-semibold ">Chauuffeur 1 : <?php echo e($billet->chauffeur1); ?></h6>
                        <!-- <input type="text" name="chauffeur1" value="" class="form-control" placeholder="Chauffeur 1"> -->
                    </div>
                    <div class="col-6">
                        <h6 class="text-uppercase  fw-semibold " >Téléphone : <?php echo e($billet->telephone1); ?></h6>
                        <!-- <input type="text" name="telephone1"  value="" class="form-control" placeholder="Telephone 1"> -->
                    </div>
                </div>
                <h6>Convoc</h6>
                <div class="mt-5 d-flex align-items-center ">
                    <div class="col-6">
                        <h6 class="text-uppercase  fw-semibold ">Chauuffeur 2 : <?php echo e($billet->chauffeur2); ?></h6>
                        <!-- <input type="text" name="chauffeur2" value="" class="form-control" placeholder="Chauffeur 2"> -->
                    </div>
                    <div class="col-6">
                        <h6 class="text-uppercase  fw-semibold ">Téléphone : <?php echo e($billet->telephone2); ?></h6>
                        <!-- <input type="text" name="telephone2" value="" class="form-control" placeholder="Telephone 2"> -->
                    </div>
                </div>
            </div>
        </div>
        <!-- Body -->
        <div class="d-flex">
            <div class="col-6 border-end  border-2 p-3 ">
                <h3 class="m-0">Personne, Etablissement, Association ou Groupement</h3>
                <h3 class="m-0">pour le compte duquel le transport est exécuté</h3>
                <h3 class="d-block text-uppercase mt-3">Nom : <?php echo e($billet->nom); ?></h3>
                <h3 class="d-block mt-3">Adresse : <?php echo e($billet->adresseclient); ?></h3>
                <h3 class="d-block mt-2">N°  de Télephone : <?php echo e($billet->numero_telephone); ?></h3>
            </div>
            <div class="col-6 p-3">
                <h3 class="m-0">Motif du déplacement : Occasionnel : <?php echo e($billet->motif_deplacement); ?></h3>
                <h3 class="text-decoration-underline ">Itnéraire / Service</h3>
                <!-- <input type="text" name="motif_deplacement" value="<?php echo e($billet->motif_deplacement); ?>" class="form-control" placeholder="Motif Deplacement"> -->
                
            </div>
        </div>
        <div class="d-flex border-top  border-2 ">
            <div class="col-6 border-end  border-2 p-3 ">
                <div class="d-flex align-items-center ">
                    <div class="d-flex col-4 align-items-center gap-5  ">
                        <h6 class="m-0">Début</h6>
                        <input type="time" name="heure_debut" value="<?php echo e($billet->heure_debut); ?>" class="form-control" placeholder="Heure Debut">
                     
                    </div>
                    <div class="d-flex col-4 align-items-center gap-5  ">
                        <h6 class="m-0">Fin Prévue</h6>
                        <input type="time" name="heure_fin" value="<?php echo e($billet->heure_fin); ?>" class="form-control" placeholder="Heure Fin">
                        
                    </div>
                    <div class="d-flex col-4 align-items-center gap-5  ">
                        <h6 class="m-0">Fin Réelle</h6>
                        <span class="p-3 px-4 border border-2 "></span>
                    </div>
                </div>
                <h6 class="m-0 mt-3">Adresse</h6>
                <h6 class="m-0">R. D. V.</h6>
                <input type="text" name="adresse" value="<?php echo e($billet->adresse); ?>" class="form-control" placeholder="Adresse">
            </div>
            <div class="col-6 p-3 ">
                <div class="d-flex align-items-center ">
                    <div class="col-6 ">
                        <div class="d-flex  align-items-center gap-3 ">
                            <h3 class="m-0 col-6 text-decoration-underline ">Frais de parking :</h3>
                            <span class="border border-2 p-3"></span>
                        </div>
                        <div class="d-flex  align-items-center gap-3 mt-2">
                            <h3 class="m-0 col-6 text-decoration-underline ">Autre:</h3>
                            <span class="border border-2 p-3"></span>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="d-flex  align-items-center gap-3">
                            <h3 class="m-0 col-6 text-decoration-underline ">Frais de parking :</h3>
                            <span class="border border-2 p-3"></span>
                        </div>
                        <div class="d-flex  align-items-center gap-3 mt-2">
                            <h3 class="m-0 col-6 text-decoration-underline ">Frais de parking :</h3>
                            <span class="border border-2 p-3"></span>
                        </div>
                    </div>
                </div>
                <div class="d-flex align-items-center mt-3">
                    <div class="col-6">
                        <h6 class="text-decoration-underline ">Date du transport : du</h6>
                    </div>
                    <div class="col-6">
                        <h6>au</h6>
                    </div>
                </div>
                <h6 class="text-decoration-underline ">Prix selon facture</h6>
            </div>
        </div>
        <!-- Footer -->
        <div class="d-flex border-top  border-2 ">
            <div class="col-3 border-end border-2 ">
                <div class="d-flex">
                    <div class="col-4 px-1 py-3 border-bottom  border-end   border-2">
                        <h6 class="text-center d-block fw-semibold ">Kilométrage</h6>
                    </div>
                    <div class="col-4 px-1 py-3 border-bottom  border-end  border-2">
                        <h6 class="text-center d-block fw-semibold ">Garage</h6>
                    </div>
                    <div class="col-4 px-1 py-3 border-bottom border-2 ">
                        <h6 class="text-center d-block fw-semibold ">Client</h6>
                    </div>
                </div>
                <div class="d-flex">
                    <div class="col-4 px-4 py-3 border-bottom  border-end   border-2">
                        <h6 class="fw-semibold ">ARRIVEE</h6>
                    </div>
                    <div class="col-4 px-4 py-3 border-bottom  border-end  border-2">
                        <h6 class=" "></h6>
                    </div>
                    <div class="col-4 px-4 py-3 border-bottom border-2 ">
                        <h6 class=" "></h6>
                    </div>
                </div>
                <div class="d-flex">
                    <div class="col-4 px-4 py-3 border-bottom  border-end   border-2">
                        <h6 class="fw-semibold ">Début</h6>
                    </div>
                    <div class="col-4 px-4 py-3 border-bottom  border-end  border-2">
                        <h6 class=" "></h6>
                    </div>
                    <div class="col-4 px-4 py-3 border-bottom border-2 ">
                        <h6 class=" "></h6>
                    </div>
                </div>
                <div class="d-flex">
                    <div class="col-4 px-4 py-3 border-bottom  border-end   border-2">
                        <h6 class="fw-semibold ">ENTREE <br/> FRANCE</h6>
                    </div>
                    <div class="col-4 px-4 py-3 border-bottom  border-end  border-2">
                        <h6 class=" "></h6>
                    </div>
                    <div class="col-4 px-4 py-3 border-bottom border-2 ">
                        <h6 class=" "></h6>
                    </div>
                </div>
                <div class="d-flex">
                    <div class="col-4 px-4 py-3 border-bottom  border-end   border-2">
                        <h6 class="fw-semibold ">SORTIE <br/> FRANCE</h6>
                    </div>
                    <div class="col-4 px-4 py-3 border-bottom  border-end  border-2">
                        <h6 class=" "></h6>
                    </div>
                    <div class="col-4 px-4 py-3 border-bottom border-2 ">
                        <h6 class=" "></h6>
                    </div>
                </div>
                <div class="d-flex">
                    <div class="col-4 px-4 py-4  border-end   border-2">
                    </div>
                    <div class="col-4 px-4 py-4  border-end  border-2">
                    </div>
                    <div class="col-4 px-4 py-4 border-2 ">
                    </div>
                </div>
            </div>
            <div class="col-9">
                <div class="">
                    <div class="d-flex w-100 border-bottom border-2 ">
                        <div class="col-7 border-end border-2 p-3">
                            <div class="d-flex align-items-center ">
                                <h6 class="col-6">Nbre de Passagers prévus</h6>
                                <input type="text" name="nbr_passagers" value="<?php echo e($billet->nbr_passagers); ?>"class="form-control" placeholder="Nbr Passagers"> 
                                <!-- <span class="p-3 px-4 border border-2  "></span> -->
                            </div>
                            <div class="d-flex align-items-center mt-3">
                                <h6 class="col-6">Nbre de Passagers prévus</h6> 
                                <span class="p-3 py-1 border border-2  ">0</span>
                            </div>
                        </div>
                        <div class="col-5 p-3">
                            <h6>Plaque</h6>
                            <div class="d-flex mt-3">
                                <div class="col-6">
                                    <h6>Réf: </h6>
                                </div>
                                <div class="col-6">
                                    <h6>Obs. Guide</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="d-flex border-bottom border-2">
                        <div class="col-7 d-flex border-end border-2  p-3">
                            <div class="col-4 d-flex align-items-center gap-3 ">
                                <h6 class="m-0 col-6 d-block fw-semibold ">HEURE FIN <br> DE SERVICE</h6> 
                                <span class="p-3 border border-2  "></span>
                            </div>
                            <div class="col-4 d-flex align-items-center ">
                                <h6 class="m-0 col-6 d-block fw-semibold ">HEURE FIN <br> Garage</h6> 
                                <span class="p-3 border border-2  "></span>
                            </div>
                            <div class="col-4 d-flex align-items-center ">
                                <h6 class="m-0 col-6 d-block fw-semibold ">TEMPS<br> SUPPL</h6> 
                                <span class="p-3 border border-2  "></span>
                            </div>
                        </div>
                        <div class="col-5  p-3">
                            <h6 class="text-uppercase ">SigNATURE RESPONSABLE</h6>
                        </div>
                    </div>
                </div>
                <div class="p-3">
                    <p>Prix du transport selon facture (Dossier n° 193740). Les Horaires mentionnés ci dessous sont donnés a titre indicatif et en toute circonstance le conducteur de l'autocar devra respecter le code de la route et la réglementation du temps de travail. LA DIRECTION</p>
                    <h6>Numéro intracommunautaire : F23 343 306 510</h6>
                </div>
            </div>
        </div>
    

</div>
<!-- <a class="btn btn-primary" href="<?php echo e(route('billets.generate-pdf', $billet->id)); ?>">Save as PDF</a> -->


<script>
    document.getElementById('printButton').addEventListener('click', function() {
        window.print();
    });
</script>




    

<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.test', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\Users\Toby\Desktop\cabs\resources\views/billets/show.blade.php ENDPATH**/ ?>