@extends('AdminPanel.layouts.main')
@section('main-section')
    <div class="container">
        <div class="container-fluid">
            <div class="mt-4 ">
                <h2>Images défilantes</h2>
                <div aria-label="breadcrumb mt-5">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item" aria-current="page">Images</li>
                        <li class="breadcrumb-item active">@if (!empty($pro))Edition @else Création @endif</li>
                        <div class="d-flex ms-auto">
                            <a class="btn btn-primary " href="{{ route('list_slide') }}"><i class="fa fa-rotate-right" aria-hidden="true"></i> Retour à la liste</a>
                        </div>
                    </ol>
                </div>
            </div>
            <div class="mt-4">
                <form class="card" style="width:90%;" id="proForm" action="@if (!empty($pro)){{ route('slide_edited', $pro->id) }}@else{{ route('slide_added') }}@endif" method="POST"
                    enctype="multipart/form-data">
                    <div class="card-header">
                        <div class="d-flex">
                            <h4 class="">@if (!empty($pro))Edition @else Ajout @endif d'une image</h4>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            @csrf

                            <div class="row border-bottom border-2 m-auto mt-3">
                                <div class="col mb-2  mx-auto">
                                    <div class="col-md-4 mx-auto mb-2 ps-2 border-start">
                                        <div class="col-md-12 mb-2">
                                            <label for="" class="form-label mb-0"><i class="fas fa-image"></i> L'image défilante</label>
                                            <p class="text-muted form-label">Dimension recommandée [758 x 774]
                                            </p>
                                            <div class="input-group">
                                                <input type="file" class="form-control" name="photo" required>
                                            </div>
                                            <div class="text-danger fst-italic lh-1"> @error('photo'){{ $message }} @enderror
                                            </div>
                                        </div>
                                        @if (!empty($pro->photo))
                                            <div class="mb-2">
                                                <label for="" class="form-label">L'image</label>
                                                <img class="form-control"
                                                     src="{{ asset('storage/slide/' . $pro->photo) }}" width="150" alt="Error">
                                            </div>
                                        @endif
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-md-12">
                                            <label class="form-label"><b>Type d'activité</b></label>
                                            <div class="input-group">
                                                <select class="form-select" name="type_id" required>
                                                    <option value="" selected>Choisir...</option>
                                                    @foreach ($type as $item)
                                                        @if (!empty($pro))
                                                            @if ($pro->type_id == $item->id)
                                                                <option selected value="{{ $item->id }}">
                                                                    {{ $item->libelle_sess }}</option>
                                                            @else
                                                                <option value="{{ $item->id }}">{{ $item->libelle_sess }}
                                                                </option>
                                                            @endif
                                                        @else
                                                            @if (old('type_id') == $item->id)
                                                                <option selected value="{{ $item->id }}">
                                                                    {{ $item->libelle_sess }}</option>
                                                            @else
                                                                <option value="{{ $item->id }}">{{ $item->libelle_sess }}
                                                                </option>
                                                            @endif
                                                        @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                            <div class="text-danger fst-italic lh-1"> @error('type_id'){{ $message }} @enderror
                                            </div>
                                        </div>
                                    </div>


                                    <div class="row mb-2">
                                        <div class="col-md-6">
                                            <label for="" class="form-label"> <b>Titre</b></label>
                                            <input type="text" class="form-control" name="titre"
                                                   value="@if (!empty($pro)){{ $pro->titre }}@else{{ old('titre') }}@endif"  required>
                                            <div class="text-danger fst-italic lh-1">@error('titre'){{ $message }} @enderror
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <label for="" class="form-label"> <b>Source </b> </label>
                                            <input type="text" class="form-control" name="source"
                                                   value="@if (!empty($pro)){{ $pro->source }}@else{{ old('source') }}@endif" >
                                            <div class="text-danger fst-italic lh-1"> @error('source'){{ $message }} @enderror
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row mb-2">
                                        <div class="col-md-12">
                                            <label for="" class="form-label"> <b>Montant </b></label>
                                            <input type="text" class="form-control" name="montant"
                                                   value="@if (!empty($pro)){{ $pro->montant }}@else{{ old('montant') }}@endif" >
                                            <div class="text-danger fst-italic lh-1"> @error('montant'){{ $message }} @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mb-2">
                                        <div class="col-md-12 mb-2">
                                            <label for="" class="form-label"><i class="fas fa-info-circle"></i> <b>Description </b></label>
                                            <textarea class="form-control" rows="3"
                                                name="description">@if (!empty($pro)){{ $pro->description }}@else{{ old('description') }}@endif</textarea>
                                            <div class="text-danger fst-italic lh-1">@error('description')  {{ $message }}
                                                @enderror
                                            </div>
                                        </div>
                                    </div>

                                </div>

                            <div class="col-12">
                                <button
                                    class="btn
                                    @if (!empty($pro)) btn-warning
                                    @else btn-primary
                                    @endif"
                                    type="submit">@if (!empty($pro)) Modifier @else Ajouter @endif
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection