@include('vendorr.header')
<style>
    body {
        background-color: #f4f4f4;
    }

    .qr-container {
        margin-top: 80px;
    }

    .btn-green {
        background-color: #28a745;
        color: white;
    }

    .btn-green:hover {
        background-color: #218838;
    }

    .qr-preview {
        text-align: center;
    }

    .qr-preview img {
        margin-top: 20px;
    }
</style>
<!-- MAIN-CONTENT -->
<div class="main-content app-content">
    <div class="main-container container-fluid">
        <div class="breadcrumb-header justify-content-between">
            <div class="my-auto">
                <h4 class="page-title">Broucher Creator</h4>
            </div>
            <div class="d-flex my-xl-auto right-content align-items-center">
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                {{-- Validation Errors --}}
                @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul class="mb-0">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

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

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

                <h2>Created Brochures</h2>
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Company</th>
                            <th>Created</th>
                            <th>Template</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($brochures as $brochure)
                            <tr>
                                <td>{{ $brochure->id }}</td>
                                <td>{{ $brochure->company_name }}</td>
                                <td>{{ $brochure->created_at->format('d M Y') }}</td>
                                <td>{{ $brochure->template->name }}</td>
                                <td>
                                    <a href="{{ route('brochures.preview', $brochure) }}"
                                        class="btn btn-sm btn-info" target="_blank">Preview</a>
                                    <a href="{{ route('brochures.download', $brochure) }}"
                                        class="btn btn-sm btn-success">Download</a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@include('vendorr.footer')