@extends('app')


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

@section('header')
<link rel="icon" type="image/png" sizes="16x16" href="./images/favicon.png">
<!-- Custom Stylesheet -->


<link href="{{asset('assets/vendor/bootstrap-select/dist/css/bootstrap-select.min.css')}}" rel="stylesheet">


<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">



<link href="{{asset('assets/vendor/lightgallery/css/lightgallery.min.css')}}" rel="stylesheet">
<link href="{{asset('assets/css/style.css')}}" rel="stylesheet">
@endsection

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




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

@include('app.vgp.equipements.modal.add_doc_verification')

<div class="container-fluid">
    <!-- Add Project -->
    <div class="row page-titles mx-0">
        <div class="col-sm-6 p-md-0">
            <div class="welcome-text">
                <h4>Hi, welcome back!</h4>
                <p class="mb-0">RAPPORT DE VERIFICATION</p>
            </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" >
                    <a href="{{ route('admin.dashboard') }}">Dashboard</a>
                </li>
                <li class="breadcrumb-item text-blue" >
                    <a href="{{route('listEquipements')}}">Equipements</a>
                </li>
                <li class="breadcrumb-item text-blue" >
                    <a href="{{route('verificationEquipements',['id'=>$rapport_verification->equipement->id])}}">Détails</a>
                </li>
                <li class="breadcrumb-item active " >
                    <a href="javascript:void(0)">Rapport de vérification</a>
                </li>
            </ol>
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <div class="post-details">
                <h3 class="mb-2 text-black">RAPPORT DE VERIFICATION  
                   
                    <a href="#" class="btn btn-danger  shadow btn-xs sharp" data-toggle="modal" data-target=".bd-example-modal-smDELETE_VERIFICATION{{$rapport_verification->id}}"><i class="fa fa-trash"></i></a>
                </h3>
                <h6 class="mb-2 post-meta d-flex flex-wrap">
                    <li class="post-author text-black mr-3">Responsable : </li>
                    <li class="post-date text-primary mr-3"><i class="fa fa-calender"></i>{{$rapport_verification->responsable_verification}}</li>
                </h6>
                <h6 class="mb-4 post-meta d-flex flex-wrap">
                    <li class="post-author text-black mr-3">Date de verification : </li>
                    <li class="post-date text-primary mr-3"><i class="fa fa-calender"></i>{{$rapport_verification->updated_at}}</li>
                </h6>
                
              
                <div class="row">
                    <div class="col-lg-3">
                        <div class="profile-skills mt-5 mb-5">
                            <h4 class="text-primary mb-2">Nom de l'équipement</h4>
                            <p>{{$rapport_verification->equipement->nom}}</p>
                        
                        </div>
                    </div>

                    <div class="col-lg-3">
                        
                        <div class="profile-skills mt-5 mb-5">
                            <h4 class="text-primary mb-2">Type d'équipement</h4>
                            <p>{{$rapport_verification->equipement->typeEquipement->nom_type_equipement}}</p>
                        
                        </div>
                    </div>
                    <div class="col-lg-3">
                        
                        <div class="profile-skills mt-5 mb-5">
                            <h4 class="text-primary mb-2">Désignation</h4>
                            <p>{{$rapport_verification->equipement->designation}}</p>
                        
                        </div>
                    </div>
                    <div class="col-lg-3">
                        
                        <div class="profile-skills mt-5 mb-5">
                            <h4 class="text-primary mb-2">Emplacement</h4>
                            <p>{{$rapport_verification->equipement->emplacement}}</p>
                        
                        </div>
                    </div>
                    <div class="col-lg-3">
                        
                        <div class="profile-skills mt-5 mb-5">
                            <h4 class="text-primary mb-2">Responsable de suivie</h4>
                            <p>{{User::find($rapport_verification->equipement->responsable_id)->name}}</p>
                        
                        </div>
                    </div>

                    <div class="col-lg-3">
                        
                        <div class="profile-skills mt-5 mb-5">
                            <h4 class="text-primary mb-2">Prestataire de VGP</h4>
                            <p>{{User::find($rapport_verification->equipement->prestataire_id)->name}}</p>
                        
                        </div>
                    </div>

                    <div class="col-lg-3">
                        
                        <div class="profile-skills mt-5 mb-5">
                            <h4 class="text-primary mb-2">Fréquence</h4>
                            <p>{{$rapport_verification->equipement->frequence_verification}}</p>
                        
                        </div>
                    </div>

                    <div class="col-lg-3">
                        
                        <div class="profile-skills mt-5 mb-5">
                            <h4 class="text-primary mb-2">Date de planification</h4>
                            <p>{{$rapport_verification->date_planification}}</p>
                        
                        </div>
                    </div>

                    <div class="profile-skills mt-5 mb-5 col-lg-6">
                        <h4 class="text-primary mb-2">Observation</h4>
                        <p>{{$rapport_verification->observation}}</p>
                    
                    </div>
    
                    <div class="profile-skills mt-5 mb-5 col-lg-6">
                        <h4 class="text-primary mb-2">Commentaire</h4>
                         <p>{{$rapport_verification->commentaire}}</p>
                    
                    </div>
                </div>

                {{-- <div id="lightgallery" class="row">
                    @foreach ($rapport_verification->documents as $doc)
                    @if ($doc->url_document !== null)
                    <a href="{{asset('/storage/'.$doc->url_document)}}" data-exthumbimage="{{asset('/storage/'.$doc->url_document)}}" data-src="{{asset('/storage/'.$doc->url_document)}}" class="col-lg-3 col-md-6 mb-4">
                        <img src="{{asset('/storage/'.$doc->url_document)}}" alt="" height="300" width="300" />
                    </a>

                
                    @endif
                   
                    @endforeach
                </div>    --}}

                <div  class="row">
                    @foreach ($rapport_verification->documents as $doc)
                    @if ($doc->url_document_pdf !== null)

                        <a href="{{ asset('/storage/'.$doc->url_document_pdf)}}" download class=" mb-4 btn btn-outline-info m-2" style="height: 15%;border-radius: 10px" >
                            <span class="mr-2">
                                <i class="fas fa-download "></i>
                            </span>
                             Télécharger 
                        </a>
                        <button  class="btn btn-outline-info m-2" style="height: 15%;border-radius: 10px" onclick="window.open('{{ asset('/storage/'.$doc->url_document_pdf)}}')">Ouvrir le PDF</button>

                    @endif
                    
                    @endforeach
                    
                </div>   
                    
                
                {{-- <a href="#" class="btn btn-outline-secondary m-2" data-toggle="modal" data-target=".bd-example-modal-addDocumentRapportVerification">
                    <span class="mr-2">
                        <i class="	fas fa-cloud-upload-alt"></i>
                    </span>
                    Ajouter un une image
                </a>
                <a href="#" class="btn btn-outline-secondary m-2" data-toggle="modal" data-target="#exampleModalCenterDOCPDFVGP">
                    <span class="mr-2">
                        <i class="fas fa-upload"></i>
                    </span>
                    Ajouter un doc pdf
                </a> --}}

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




<div class="modal fade bd-example-modal-smDELETE_VERIFICATION{{$rapport_verification->id}}" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content bg-danger">
           
            <div class="modal-body text-center">
               <img src="{{asset('assets/images/alerte.png')}}" alt="" srcset=""><br><br>
               <h4 class="text-center text-white"> Voulez-vous vraiment supprimé ?</h4>
           </div>
            <div class="modal-footer">
               <form action="{{route('formDeletedVerification')}}" method="post">
                @csrf
                   <input type="text" name="verificationId" value="{{$rapport_verification->id}}" hidden>
                   <button type="button" class="btn btn-danger light" data-dismiss="modal">Fermer</button>
                   <button type="submit" class="btn btn-warning ">Supprimer</button>
               </form>
            </div>
        </div>
    </div>
</div>

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






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

    
     <!--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>
    <script src="{{asset('assets/vendor/lightgallery/js/lightgallery-all.min.js')}}"></script>

    

    <script src="{{asset('assets/js/custom.min.js')}}"></script>
	<script src="{{asset('assets/js/deznav-init.js')}}"></script>
     
@endsection

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