@extends('templates.dashboard')
@section('dashboard')
    <!-- End of Topbar -->

    <!-- Begin Page Content -->
    <div class="container-fluid">

        <!-- Page Heading -->
        <h1 class="h3 mb-2 text-gray-800">Les Tableaux</h1>
        @if (session()->has('delete'))
            <div id="success-message" class="container alert alert-danger">
                {{ session()->get('delete') }}
            </div>
            <script>
                setTimeout(function() {
                    var successMessage = document.getElementById('success-message');
                    if (successMessage) {
                        successMessage.remove();
                    }
                }, 5000); // 5000 milliseconds = 5 seconds
            </script>
        @endif

        <!-- DataTales Example -->
        <div class="card shadow mb-4">
            <div class="card-header py-3">
                <div class="row">
                    <div class="col-md-6">
                        <h6 class="m-0 font-weight-bold text-primary">Tableau Des devis</h6>
                    </div>

                </div>
            </div>

            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th>Nom & Prénom</th>
                                <th>Email</th>
                                <th>Téléphone</th>
                                <th>Intervention 1</th>
                                <th>Intervention 2</th>
                                <th>Intervention 3</th>
                                <th>Intervention 4</th>
                                <th>Description</th>
                                <th>Prix Total</th>
                                <th>PDF</th>
                                <th>Voir</th>
                                <th>Modifier</th>
                                <th>Supprimer</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th>Nom & Prénom</th>
                                <th>Email</th>
                                <th>Téléphone</th>
                                <th>Intervention 1</th>
                                <th>Intervention 2</th>
                                <th>Intervention 3</th>
                                <th>Intervention 4</th>
                                <th>Description</th>
                                <th>Prix Total</th>
                                <th>PDF</th>
                                <th>Voir</th>

                                <th>Modifier</th>
                                <th>Supprimer</th>
                        </tfoot>
                        <tbody>
                            @foreach ($posts as $item)
                                <tr>
                                    <td>{{ $item->nom }}</td>
                                    <td>{{ $item->email }}</td>
                                    <td>{{ $item->tel }}</td>

                                    <td
                                        style="color: {{ ($item->intervention1Relation->titre ?? null) === null || $item->intervention1Relation->titre === 'N/A' ? 'red' : 'inherit' }};">
                                        {{ $item->intervention1Relation->titre ?? 'N/A' }}
                                    </td>
                                    <td
                                        style="color: {{ ($item->intervention2Relation->titre ?? null) === null || $item->intervention2Relation->titre === 'N/A' ? 'red' : 'inherit' }};">
                                        {{ $item->intervention2Relation->titre ?? 'N/A' }}
                                    </td>
                                    <td
                                        style="color: {{ ($item->intervention3Relation->titre ?? null) === null || $item->intervention3Relation->titre === 'N/A' ? 'red' : 'inherit' }};">
                                        {{ $item->intervention3Relation->titre ?? 'N/A' }}
                                    </td>
                                    <td
                                        style="color: {{ ($item->intervention4Relation->titre ?? null) === null || $item->intervention4Relation->titre === 'N/A' ? 'red' : 'inherit' }};">
                                        {{ $item->intervention4Relation->titre ?? 'N/A' }}
                                    </td>

                                    <td>{!! Str::limit(strip_tags($item->description), 50) !!}</td>

                                    <td class="text-success">
                                        {{ number_format(
                                            ($item->intervention1Relation->prix ?? 0) +
                                                ($item->intervention2Relation->prix ?? 0) +
                                                ($item->intervention3Relation->prix ?? 0) +
                                                ($item->intervention4Relation->prix ?? 0),
                                            2,
                                        ) }}
                                        DH
                                    </td>
                                    <td> <a href="{{ route('devis.pdf') }}" class="btn btn-primary">
                                            <i class="fas fa-file-pdf"></i> Export PDF
                                        </a></td>

                                    <td class="text-center">
                                        <a href="{{ route('view_devis', ['devis_id' => $item->id]) }}" title="voir"><i
                                                class="fa-solid fa-eye"></i></a>
                                    </td>



                                    <td class="text-center">
                                        <a href="{{ route('edit_devis', ['id' => $item->id]) }}" title="Modifier"><i
                                                class="fas fa-edit" style="color: green;"></i></a>
                                    </td>
                                    <td class="text-center">
                                        <a href="{{ route('delete_devis', ['id' => $item->id]) }}" title="Supprimer"
                                            onclick="return confirm('Are you sure you want to delete this post?')">
                                            <i class="fas fa-trash" style="color: red;"></i>
                                        </a>
                                    </td>


                                </tr>
                            @endforeach

                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </div>
    <!-- /.container-fluid -->

    </div>
    <!-- End of Main Content -->
@endsection