@extends('admin.layout')

@section('title', 'Gestion des découpes')

@section('content')

    <div class="pagetitle">
        <h1>@yield('title')</h1>
    </div><!-- End Page Title -->

    <section class="section contact">
        <div class="row gy-4">
            <div class="col-xl-12">
                <div class="card p-4">

                    <div class="col-xl-1">
    @can('decoupes.create')
@can('decoupes.create')
<a href="{{ route('decoupes.create') }}" class="btn btn-primary">
            <i class="fa-solid fa-plus"></i>
        </a>
@endcan
@endcan
</div>
<br>

                    @if (session('success'))
                        <div class="alert alert-success">
                            {{ session('success') }}
                        </div>
                    @endif
                    @if (session('error'))
                        <div class="alert alert-danger">{{ session('error') }}</div>
                    @endif

                    <div class="search-form d-flex align-items-center pt-3 pb-3">
                        <input class="form-control" type="text" name="search" id='search' placeholder="Rechercher">
                    </div>

                    <div class="table-responsive-sm">
                        <table class="table table-hover table-responsive">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>ID Fabrication</th>
                                    <th>Nom client</th>
                                    <th>Adresse chantier</th>
                                    <th>Modèle</th>
                                    <th>Nom Découpe/Inox</th>
                                    <th>Etat</th>
                                    <th>Observation</th>
                                    <th>Date envoi / réception</th>
                                    <th>Laseriste</th>
                                </tr>
                            </thead>
                            <tbody id="table-body">
                                @foreach ($fabricationDecoupes as $fd)
                                    <tr>
                                        <th scope="row">{{ $fd->id }}</th>
                                        <td>{{ $fd->fabrication?->id ?? '-' }}</td>
                                        <td>
                                            {{ $fd->fabrication?->devis->nom_client ?? '-' }}
                                            {{ $fd->fabrication?->devis->prenom ?? '' }}
                                        </td>
                                        <td>
                                            {{ $fd->fabrication?->devis->adresse1 ?? '-' }}
                                            {{ $fd->fabrication?->devis->adresse2 ?? '' }} <br>
                                            {{ $fd->fabrication?->devis->ville ?? '-' }}
                                            {{ $fd->fabrication?->devis->code_postal ?? '' }}
                                        </td>
                                        <td>
                                            <a href="{{ $fd->fabrication?->url }}" target="_blank">
                                                {{ $fd->fabrication?->modele->type->nom ?? '—' }}<br>
                                                {{ $fd->fabrication?->modele?->nom ?? '—' }}<br>
                                                {{ $fd->fabrication->api_color_value ?? '—' }} <br>
                                                {{ $fd->fabrication?->finition }}<br>
                                                {{ $fd->fabrication?->platine }}
                                            </a>
                                        </td>
                                        <td>
                                            {{ $fd->decoupe?->nom ?? '-' }}

                                        </td>
                                        <td> {{ $fd->etat_decoupe ?? '-' }}
                                        </td>
                                        <td>
                                            @foreach ($fd->observations as $observation)
                                                <div class="badge bg-secondary mb-1">
                                                    {{ $observation->observation }}
                                                </div>
                                            @endforeach
                                        </td>

                                        <td>
                                            Envoi : {{ $fd->created_at?->format('d/m/Y') ?? '-' }} <br>
                                            Réception : {{ $fd->dateFormatted('date_reception_decoupe') ?? '-' }}
                                        </td>
                                        <td>
                                            {{ $fd->laseriste ?? '-' }}
                                        </td>
                                        <td>
    {{-- Bouton SHOW --}}
    @can('decoupes.view')
        <a href="{{ route('decoupes.show', $fd->id) }}" class="btn btn-info">
            <i class="fa fa-eye"></i>
        </a>
    @endcan

    {{-- Bouton EDIT --}}
    @can('decoupes.edit')
        <a href="{{ route('decoupes.edit', $fd->id) }}" class="btn btn-success">
            <i class="fa fa-edit"></i>
        </a>
    @endcan

    {{-- Bouton DELETE --}}
    @can('decoupes.delete')
        <form action="{{ route('decoupes.destroy', $fd->id) }}" method="post" style="display: inline;"
            onsubmit="return confirm('Êtes-vous sûr de vouloir supprimer cette découpe ?');">
            @csrf
            @method('DELETE')
            <button type='submit' class="btn btn-danger">
                <i class="fa fa-trash"></i>
            </button>
        </form>
    @endcan
</td>

                                    </tr>
                                @endforeach
                            </tbody>

                        </table>

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

    <script src="{{ asset('js/search.js') }}"></script>

@endsection