@extends('site_app')

@section('head_title', $page_title.' | '.getcong('site_name'))

@section('head_url', Request::url())

@section('content')

<!-- Start Breadcrumb -->
<div class="breadcrumb-section bg-xs" style="background-image: url('{{ URL::asset('site_assets/images/breadcrum-bg.jpg') }}')">
    <div class="container-fluid">
        <div class="row">
            <div class="col-xl-12"> 
                <h2>Mes requêtes</h2>
                <nav id="breadcrumbs">
                    <ul>
                        <li><a href="{{ URL::to('/') }}" title="{{ trans('words.home') }}">{{ trans('words.home') }}</a></li>
                        <li><a href="{{ URL::to('/dashboard') }}" title="{{ trans('words.dashboard_text') }}">{{ trans('words.dashboard_text') }}</a></li>
                        <li>Mes requêtes</li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</div>
<!-- End Breadcrumb --> 

<!-- Start Requests List -->
<div class="user-requests-area vfx-item-ptb vfx-item-info">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div id="bootstrap-table-container">
                    <link href="{{ asset('css/bootstrap-table.css') }}" rel="stylesheet">
					<style>
					/* Table styles */
.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #fff; /* Couleur par défaut du texte */
    border-collapse: collapse;
}

.table-bordered {
    border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6;
    padding: 0.75rem;
    vertical-align: top;
    color: #fff; /* Texte en blanc */
}

.table-bordered thead th {
    background-color: #343a40; /* Tête de tableau en couleur sombre */
    text-align: left;
    color: #fff; /* Texte de la tête en blanc */
}

/* Badge styles */
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 100%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.375rem;
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

.badge-primary {
    color: #212529;
    background-color: #007bff;
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}
</style>

                    <h3>Mes requêtes</h3>

                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>{{ trans('words.type') }}</th>
                                <th>{{ trans('words.title') }}</th>
                                <th>{{ trans('words.description') }}</th>
                                <th>{{ trans('words.status') }}</th>
                                <th>{{ trans('words.created_at') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($requests as $request)
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $request->type }}</td>
                                    <td>{{ $request->title }}</td>
                                    <td>{{ $request->description }}</td>
                                    <td>
										@if($request->status == 'Demandé')
											<span class="badge badge-danger">Demandé</span>
										@elseif($request->status == 'En cours')
											<span class="badge badge-warning">En cours</span>
										@elseif($request->status == 'Traité')
											<span class="badge badge-success">Traité</span>
										@elseif($request->status == 'Actuellement Indisponible')
											<span class="badge badge-secondary">Actuellement Indisponible</span>
										@endif
									</td>
                                    <td>{{ $request->created_at->format('d/m/Y H:i') }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="text-center">Aucune demande de film ou série trouvée.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>

                    <nav class="paging_simple_numbers">
                        {{ $requests->appends(request()->query())->links() }}
                    </nav>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Requests List -->

@endsection