@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="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')
  



<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">Détails sur l'équipement</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 active " >
                    <a href="javascript:void(0)">Détails</a>
                </li>
            </ol>
        </div>
    </div>
    <!-- row -->
    <div class="row">
        
        <div class="col-lg-4">
            <div class="profile card card-body  pb-0">
                <div class="profile-head">
                    <div class="photo-content">
                        <img src="{{asset('/storage/'.$equipement->image_equipement)}}" class="img-fluid rounded-circle" alt="">
                    </div>
                    
                </div>
            </div>
        </div>

        <div class="col-lg-8">
            <div class="profile card card-body pb-0">
                <div class="profile-head">
                   
                    <div class="profile-info">
                        
                        <div class="profile-details row">
                            <div class="profile-name col-lg-12 px-3">
                                <h4 class="text-primary m-3"> {{$equipement->typeEquipement->nom_type_equipement}} : {{$equipement->nom}}</h4>
                                
                            </div>
                            <div class="profile-email col-lg-12  px-2">
                                <h4 class="text-muted m-3">
                                    Prestataire en charge : {{$equipement->prestataire->name}}
                                </h4>
                                
                            </div> 
                            <div class="profile-name col-lg-12 px-3 ">
                                <a href="{{route('formUdapteEquipements',['id'=>$equipement->id])}}" class="btn btn-outline-secondary m-3">
                                    <i class="fas fa-edit text-primary mr-2"></i> 
                                    Modification
                                </a>
                            
                                <a href="#" data-toggle="modal" data-target="#exampleModalCenterPlanVef" class="btn btn-outline-secondary m-3">
                                    <i class="fas fa-calendar-alt text-primary mr-2"></i> 
                                    Add Planification
                                </a>
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div class="row">
        <div class="col-xl-4">
            <div class="row">
                <div class="col-xl-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="profile-statistics">
                                <div class="text-center">
                                    <div class="row">
                                        <div class="col">
                                            <p class="m-b-0">{{$equipement->verifications->count()}}</p><span>Nombre de Vf</span>
                                        </div>
                                        <div class="col">
                                            <p class="m-b-0">{{$equipement->frequence_verification}}</p><span>Fréquence de Vf</span>
                                        </div>