@extends('layouts.dashboard-skelton')

@section('main')
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="gta-card card">
                <div class="card-header">Ajouter</div>
                <div class="card-body">
                    <form class="gta-form" action="{{ route('slides.store') }}" method="POST"
                        enctype="multipart/form-data">
                        @csrf
                        <div class="form-row reference-form">
                            <div class="form-group col-md-4">
                                <label for="inputImage">Image :</label>
                                <input type="file" accept="image/*" name="image" id="inputImage" class="text-center file-upload d-none">
                                <button class="btn btn-primary d-block mb-3" id="ImageUplaod">Télécharger</button>
                                <div class="reference-logo" id="rfrnc-logo-prvw">
                                    @php
                                        $thumbnail = '#';
                                        $isThumbnail = false;
                                    @endphp
                                    @if (isset($slide))
                                        @if ($slide->picture)
                                            @php
                                                $thumbnail = asset($slide->picture->url());
                                                $isThumbnail = true;
                                            @endphp
                                        @endif
                                    @endif
                                    <img src="" class="img-fluid @if (!$isThumbnail) d-none @endif"
                                        alt="thumbnail">
                                </div>
                            </div>
                            <div class="form-group col-md-8">
                                <label for="inputTitle">Titre :</label>
                                <input type="text" class="form-control mb-3 @error('titre') is-invalid @enderror"
                                    name="title" id="inputTitle" value="{{ old('titre', $slide->title ?? null) }}">
                                @error('titre')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                                <button type="submit" class="btn btn-primary">Ajouter</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection