@extends('app')


<!--**********************************
   lien css ou js -- header
***********************************-->

@section('header')
<link rel="icon" type="image/png" sizes="16x16" href="./images/favicon.png">
<!-- Datatable -->
<link href="{{asset('assets/vendor/datatables/css/jquery.dataTables.min.css')}}" rel="stylesheet">
<!-- Custom Stylesheet -->
<link href="{{asset('assets/vendor/bootstrap-select/dist/css/bootstrap-select.min.css')}}" rel="stylesheet">
<link href="{{asset('assets/css/style.css')}}" rel="stylesheet">
@endsection

<!--**********************************
   fin lien css ou js -- header
***********************************-->




<!--**********************************
    body
***********************************-->
@section('content')

<div class="container-fluid">
    <div class="row page-titles mx-0">
        <div class="col-sm-6 p-md-0">
            <div class="welcome-text">
                <h4>Hi, welcome back!</h4>
                <span>DETAILS DE  L'ACCIDENTS</span>
            </div>
        </div>
       
        <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
            <ol class="breadcrumb">
                {{-- <li class="breadcrumb-item text-blue"  data-toggle="modal" data-target=".bd-example-modal-lg-createTypeEquipement">
                    <a href="javascript:void(0)">Ajout type équipement</a>
                </li> --}}
                {{-- <li class="breadcrumb-item active " data-toggle="modal" data-target=".bd-example-modal-lg">
                    <a href="{{ route('formCreateAccidents') }}"  style="font-size: 20pt;color:rgb(2, 111, 44)"> 
                        <i style="font-size: 20pt;color:rgb(2, 111, 44)" class="fas fa-plus"></i> 
                        ACCIDENT
                    </a>
                </li> --}}
            </ol>
        </div>
    </div>
    <!-- row -->



    <section class="infos-générales">
        <h2>Information sur l'accident</h2>
        <table>
            <tr>
                <th>N° Cotisant :</th>
                <td>{{ $accident->numCCotisant }}</td>
            </tr>
            
            <tr>
                <th>Nom ou raison sociale :</th>
                <td>{{ $accident->raisonSocial }}</td>
            </tr>
            <tr>
                <th>Sigle :</th>
                <td>{{ $accident->sigle }}</td>
            </tr>
            
            <tr>
                <th>Adresse :</th>
                <td>{{ $accident->adresse }}</td>
            </tr>
            <tr>
                <th>N° téléphone<:</th>
                <td>{{ $accident->telephone }}</td>
            </tr>
            
            <tr>
                <th>Fax :</th>
                <td>{{ $accident->fax }}</td>
            </tr>
            <tr>
                <th>Secteur d'activité :</th>
                <td>{{ $accident->secteurActivite }}</td>
            </tr>
            
            <tr>
                <th>Nbre de salariés de l'établissement au moment de l'accident :</th>
                <td>{{ $accident->nbrSalarieAccident }}</td>
            </tr>
            <tr>
                <th>Titre de l'événement :</th>
                <td>{{ $accident->titleEvent }}</td>
            </tr>
            <tr>
                <th>Date de l'accident :</th>
                <td>{{ $accident->dateAccident }}</td>
            </tr>
            
            <tr>
                <th>Heure :</th>
                <td>{{ $accident->heureAccident }}</td>
            </tr>
            <tr>
                <th>Type d'événement :</th>
                <td>{{ $accident->type_event_id }}</td>
            </tr>
            
            <tr>
                <th>Lieu de l'accident :</th>
                <td>{{ $accident->lieuAccident }}</td>
            </tr>
            <tr>
                <th>Horaire de travail dans l'entreprise :</th>
                <td>{{ $accident->horaireTravail }}</td>
            </tr>
            
            <tr>
                <th>Nature des lésions :</th>
                <td>{{ $accident->natureLesions }}</td>
            </tr>
            <tr>
                <th>Sièges des lésions :</th>
                <td>{{ $accident->siegeLesions }}</td>
            </tr>
            <tr>
                <th>Nom du medecin ou infirmier ayant pratiqué les premiers soins :</th>
                <td>{{ $accident->nameMecin }}</td>
            </tr>
            
            <tr>
                <th>Circonstances détaillées de l'accident :</th>
                <td>{{ $accident->detailedCirconstance }}</td>
            </tr>
            <tr>
                <th>Cause de l'accident :</th>
                <td>{{ $accident->accidentCause }}</td>
            </tr>
            
            <tr>
                <th>Suite probable :</th>
                <td>{{ $accident->probableSuite }}</td>
            </tr>
            <tr>
                <th>Action prévue  :</th>
                <td>{{ $accident->sansArretTravail }}</td>
            </tr>
            
            <tr>
                <th>Nombre de jours d'arrêt :</th>
                <td>{{ $accident->nbrJrsArret }}</td>
            </tr>
            
        </table>
    </section>


    <section class="infos-générales">
        <h2>Information sur la victimes</h2>
        <table>
            <tr>
                <th>N° assuré social:</th>
                <td>{{ $accident->numAssuranceSocialVictime }}</td>
            </tr>
            
            <tr>
                <th>Nom et Prénoms :</th>
                <td>{{ $accident->nomPrenomVictime }}</td>
            </tr>
            <tr>
                <th>Sexe:</th>
                <td>{{ $accident->sexeVictime }}</td>
            </tr>
            
            <tr>
                <th>Adresse :</th>
                <td>{{ $accident->adresseVictime }}</td>
            </tr>
            <tr>
                <th> N° téléphone :</th>
                <td>{{ $accident->telephoneVictime }}</td>
            </tr>
            
            <tr>
                <th>Fax:</th>
                <td>{{ $accident->faxVictime }}</td>
            </tr>
            <tr>
                <th>E-mail :</th>
                <td>{{ $accident->emailVictime }}</td>
            </tr>
            
            <tr>
                <th>Date d'embauche :</th>
                <td>{{ $accident->dateEmbaucheVictime }}</td>
            </tr>

            {{--  --}}
            <tr>
                <th>Nationalité :</th>
                <td>{{ $accident->nationaliteVictime }}</td>
            </tr>
            <tr>
                <th>Profession :</th>
                <td>{{ $accident->professionVictime }}</td>
            </tr>
            
            <tr>
                <th>Poste de travail :</th>
                <td>{{ $accident->posteTravailVictime }}</td>
            </tr>
            <tr>
                <th> Ancienneté au poste :</th>
                <td>{{ $accident->ancienneteVictime }}</td>
            </tr>
            
            <tr>
                <th>Noms et Prénoms (Conjoint/Proche Parent) :</th>
                <td>{{ $accident->nomPrenomProche }}</td>
            </tr>
            <tr>
                <th>N° téléphone  (Conjoint/Proche Parent) :</th>
                <td>{{ $accident->telephoneProche }}</td>
            </tr>
            

        </table>
    </section>


    <section class="infos-générales">
        <h2>Témoin(s) et tiers Responsable</h2><br><br>
        <h5>TEMOIN(S)</h5>
        <table>
            <tr>
                <th>Nom(s)/Prénom(s):</th>
                <td>{{ $accident->nomPrenomTemoin }}</td>
            </tr>
            
            <tr>
                <th>Adresse :</th>
                <td>{{ $accident->adresseTemoin }}</td>
            </tr>
            <tr>
                <th>Un rapport de police a-t-il été établi ? :</th>
                <td>{{ $accident->rapportPoliceExist }}</td>
            </tr>
            
            <tr>
                <th>Par qui :</th>
                <td>{{ $accident->parQui }}</td>
            </tr>

        </table><br><br>


        <h5>RISQUE CAUSE PAR UN TIERS</h5>
        <table>
            <tr>
                <th>Nom :</th>
                <td>{{ $accident->nomTiers }}</td>
            </tr>
            
            <tr>
                <th>Adresse :</th>
                <td>{{ $accident->adresseTiers }}</td>
            </tr>
            <tr>
                <th>Cie d'assurances :</th>
                <td>{{ $accident->cieAssuranceTiers }}</td>
            </tr>
            
            <tr>
                <th>du Tiers :</th>
                <td>{{ $accident->duTiers }}</td>
            </tr>
            <tr>
                <th> N° de Police d'assurance  :</th>
                <td>{{ $accident->numPoliceAssurance }}</td>
            </tr>
        </table>


    </section>

    <section class="circonstances">
        <h2>Analyse des causes</h2><br><br>
       

        <h5>Cause 1</h5>
        <p>{{ $accident->cause1 }}</p><br><br>

        <h5>Cause 2</h5>
        <p>{{ $accident->cause2 }}</p><br><br>

        <h5>Cause 3</h5>
        <p>{{ $accident->cause3 }}</p><br><br>

        <h5>Cause 4</h5>
        <p>{{ $accident->cause4 }}</p><br><br>

        <h5>Cause 5</h5>
        <p>{{ $accident->cause5 }}</p><br><br>

    </section>

    <section class="actions">
        <h2>Actions à suivre</h2>
        <table>
            <tr>
                <th>Titre de l'action</th>
                <th>Description</th>
                <th>Responsable</th>
                <th>Date de début</th>
                <th>Date de fin</th>
            </tr>
                        @foreach ($actions as $action)
            <tr>
                <td>{{$action->actionTitle }}</td>
                <td>{{$action->description }}</td>
                <td>{{ User::find($action->responsable_id)->name }}</td>
                <td>{{$action->dateDebut }}</td>
                <td>{{$action->dateFin }}</td>
                
            </tr>
            
            @endforeach
        </table>
    </section>


</div>


 <style>
       body {
            font-family: sans-serif;
        }


        h1 {
            font-size: 24px;
        }


        section {
            border: 1px solid #ccc;
            padding: 20px;
            margin-bottom: 20px;
        }

        h2 {
            font-size: 18px;
            margin-bottom: 10px;
        }

        table {
            width: 100%;
            border-collapse: collapse;
        }

        th, td {
            padding: 5px;
            border: 1px solid #ccc;
            text-align: left;
        }

        p {
            margin-bottom: 10px;
        }

        ul {
            list-style: none;
            padding: 0;
        }

        li {
            margin-bottom: 10px;
        }
    </style>



<script>

        
    console.log('je suis présent');

    var wrapper = document.querySelector(".wp_img0");
    var fileName = document.querySelector(".fn_img0");
    var cancelBtn = document.querySelector(".cb_img0")
    var defaultBtn = document.querySelector(".db_img0");
    var customBtn = document.querySelector(".cub_img0");
    var img_1 = document.querySelector(".img_0");



    let regExp1 = /[0-9a-zA-Z\^\&\'\@\{\}\[\]\,\$\=\!\-\#\(\)\.\%\+\~\_ ]+$/;
    function defaultBtnActive1(){
        defaultBtn.click();
    };


    defaultBtn.addEventListener("change", function(){
        const file = this.files[0];

        if (file){
            const reader = new FileReader();
            reader.onload = function(){
            const result = reader.result;
            img_1.src = result;
            wrapper.classList.add("active");
        }
        cancelBtn.addEventListener("click", function(){
            img_1.src = "";
            wrapper.classList.remove(file);
        });
        reader.readAsDataURL(file);
    }
        if (this.value){
            let valueStore = this.value.match(regExp1);
            fileName.innerText = valueStore;
        }

    });


</script>   


@endsection
<!--**********************************
    fin body
***********************************-->






<!--**********************************
    lien js -- footer
***********************************-->
@section('footer')
     <!-- Required vendors -->

     <!-- Required vendors -->
    <script src="{{asset('assets/vendor/global/global.min.js')}}"></script>
	<script src="{{asset('assets/vendor/bootstrap-select/dist/js/bootstrap-select.min.js')}}"></script>
    <!-- Datatable -->
    <script src="{{asset('assets/vendor/datatables/js/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('assets/js/plugins-init/datatables.init.js')}}"></script>
    <script src="{{asset('assets/js/custom.min.js')}}"></script>
	<script src="{{asset('assets/js/deznav-init.js')}}"></script>
     
@endsection

<!--**********************************
    fin lien  -- footer
***********************************-->