@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">
   @include('app.vgp.equipements.modal.form_add_equipement')
    <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>Mes équipements</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" >
                    <a href="{{ route('admin.dashboard') }}">Dashboard</a>
                </li>
                <li class="breadcrumb-item active " >
                    <a href="javascript:void(0)">Mes équipements</a>
                </li>
            </ol>
        </div>
    </div>
    <!-- row -->


    <div class="row">
        
        <div class="col-12">
            <div class="card">
                <div class="card-header row">
                    <h4 class="card-title col-sm-6">LISTE DES EQUIPEMENTS</h4>
                    <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="javascript:void(0)">Ajout EQUIPEMENT</a>
                            </li>
                        </ol>
                    </div>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="example3" class="display" style="min-width: 845px;font-size:12pt">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th>Nom</th>
                                    <th>Désignation</th>
                                    <th>Type d'équipement</th>
                                    <th>Emplacement</th>
                                    <th>Responsable</th>
                                    <th>Prestataire</th>
                                    <th>Fréquence</th>
                                    <th>Dernière vérification</th>
                                    <th>ACTION</th>
                                </tr>
                            </thead>
                            <tbody>
                               @foreach ($equipements as $equipement)
                               <tr>
                                    <td><img class="rounded-circle" width="50" src="{{asset('/storage/'.$equipement->image_equipement)}}" alt=""></td>
                                    <td>{{$equipement->nom}}</td>
                                    <td>{{$equipement->designation}}</td>
                                    <td>{{$equipement->typeEquipement->nom_type_equipement}}</td>
                                    <td>{{$equipement->emplacement}}</td>
                                    <td><a href="javascript:void(0);"><strong>{{$equipement->responsable->name}}</strong></a></td>
                                    <td><a href="javascript:void(0);"><strong>{{$equipement->prestataire->name}}</strong></a></td>
                                    <td><a href="javascript:void(0);"><strong>{{$equipement->frequence_verification}}</strong></a></td>
                                    <td>