@extends('dashboard.layouts.master')
@section('title')
    Entetes
@endsection

@section('body')
<div class="row" style="width:95%;margin:0 auto">
    <div class="col-md-12">
        @if (session()->has('success'))
            <div class="alert alert-success">
                {{ session()->get('success') }}
            </div>
        @endif
        <div class="card">
            <div class="card-header">
                <h5 class="title">
                    <div class="container">
                        <div class="row">
                            <div class="col">
                                Entetes :
                            </div>
                            <div class="col text-right">
                                <a class="btn btn-sm btn-outline-primary m-0" href="{{ route('dashboard.createEntete') }}">Ajouter</a>
                            </div>
                        </div>
                    </div>
                </h5>
            </div>
            <div class="row" >
            @foreach ($entetes as $entete)
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="card-body" style="position: relative; z-index:0">
                        <form id="{{ $entete->id }}" action="{{ route('dashboard.destroyEntete', $entete->id) }}" method="GET" style="position: absolute;top:20px;right:30px;z-index:1">
                            @csrf
                            @method('DELETE')
                            <button onclick="
                            event.preventDefault();
                            if (confirm('Etes vous sûr ?')){
                                document.getElementById({{ $entete->id }}).submit();
                            }"
                            class="btn btn-danger">
                                X
                            </button>
                        </form>

                        <div class="card" style="width: 18rem;height:20rem">
                            <img class="card-img-top" src="{{ asset('./uploads/'.$entete->image) }}" alt="Card image cap" style="height: 200px">
                            <div class="container" style="height:80px">
                                <h5 class="pt-2 pb-2">
                                    {{ $entete->titre }}
                                </h5>
                            </div>
                            <div class="text-center">
                                <a class="btn btn-sm btn-outline-primary" href="{{ route('dashboard.showEntete', $entete->id) }}">Modifier</a>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
            </div>
            <div class="d-flex justify-content-center">
                {{ $entetes->links() }}
            </div>
        </div>
    </div>
</div>
@endsection