@extends('web.layouts.base')

@section('titre')
Création d'un document
@endsection

@section('styles')
<link href="{{ asset('assets/libs/select2@4.1.0-rc.0/dist/css/select2.min.css') }}" rel="stylesheet">
<link href="{{ asset('assets/libs/dropzone/dropzone.css') }}" rel="stylesheet" type="text/css">
@endsection

@section('content')
<div class="page-content">
    <div class="container-fluid">

        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                    <h4 class="mb-sm-0">Création d'un document</h4>

                    <div class="page-title-right">
                        <ol class="breadcrumb m-0">
                            <li class="breadcrumb-item"><a href="{{ route('accueil') }}">Acceuil</a></li>
                            <li class="breadcrumb-item"><a href="{{ route('home') }}">Tableau de bord</a></li>
                            <li class="breadcrumb-item"><a href="{{ route('documents.index') }}">Articles</a></li>
                            <li class="breadcrumb-item active">
                                @if (isset($document))
                                Modification
                                @else
                                Création
                                @endif
                                d'un document
                            </li>
                        </ol>
                    </div>

                </div>
            </div>
        </div>
        <!-- end page title -->

        @if (isset($document))
        <form method="POST" action="{{ route('documents.update', $document) }}" enctype="multipart/form-data">
            @method('PUT')
            @else
            <form method="POST" action="{{ route('documents.store') }}" enctype="multipart/form-data">
                @endif
                @csrf
                <div class="row">
                    <div class="col-lg-8">
                        <div class="card">
                            <div class="card-body">
                                <div class="mb-3">
                                    <label class="form-label" for="titre">Titre du document</label>
                                    <input type="text" id="titre" class="form-control @error('titre') is-invalid @enderror" name="titre" value="{{ isset($document->titre) ? $document->titre : old('titre') }}" required placeholder="Entrer le titre de l'document">
                                    @error('titre')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <div class="mb-3">
                                        @if(isset($document->fichier))
                                            <div class="mb-3">
                                                <p>
                                                    <a href="{{ asset('storage/documents/' . $document->fichier) }}" target="_blank" rel="noopener noreferrer">Cliquer ici pour télécharger</a>
                                                </p>
                                            </div>
                                        @endif

                                        <div>
                                            <label for="fichier" class="form-label">Téléverser un fichier</label>
                                            <input type="file" name="fichier" id="fichier" class="form-control @error('fichier') is-invalid @enderror">

                                            @error('fichier')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                </div>
                            </div>
                        </div>
                        <!-- end card -->
                        <div class="text-end mb-3">
                            <button type="submit" class="btn btn-primary w-sm">Publier</button>
                        </div>
                    </div>
                    <!-- end col -->

                    <div class="col-lg-4">
                        {{-- <div class="card">
                            <div class="card-header">
                                <h5 class="card-title mb-0">Image mise en avant</h5>
                            </div>
                            <div class="card-body">
                                @if(isset($document->fichier))
                                    <div class="mb-3">
                                        <p>
                                            <a href="{{ asset('storage/documents/' . $document->fichier) }}" target="_blank" rel="noopener noreferrer">Cliquer ici pour télécharger</a>
                                        </p>
                                    </div>
                                @endif

                                <div>
                                    <label for="fichier" class="form-label">Téléverser un fichier</label>
                                    <input type="file" name="fichier" id="fichier" class="form-control @error('fichier') is-invalid @enderror">

                                    @error('fichier')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <!-- end card body -->
                        </div> --}}
                        <!-- end card -->

                        {{-- <div class="card">
                            <div class="card-header">
                                <h5 class="card-title mb-0">Publish</h5>
                            </div>
                            <div class="card-body">
                                <div class="mb-3">
                                    <label for="statut" class="form-label">Statut</label>

                                    <select class="form-select @error('statut') is-invalid @enderror" id="statut" data-choices="" data-choices-search-false="" name="statut">
                                        <option value="Publié" selected="">Publié</option>
                                        <option value="En attente">En attente</option>
                                        <option value="Brouillon">Brouillon</option>
                                    </select>
                                    @error('statut')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div>
                                    <label for="visibilite" class="form-label">Visibilité</label>
                                    <select class="form-select  @error('visibilite') is-invalid @enderror" id="visibilite" data-choices="" data-choices-search-false="">
                                        <option value="Publique" selected="Publique"></option>
                                        <option value="Privé">Privé</option>
                                    </select>
                                    @error('visibilite')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="form-check form-check-outline form-check-success mb-3">
                                    <p></p>
                                    @if (isset($document))
                                    <input type="checkbox" class="form-check-input" id="formCheck15" class="filled-in @error('status') is-invalid @enderror" name="status" value="1" {{ $document->status == true ? 'checked' : '' }}>
                                    @else
                                    <input class="form-check-input" type="checkbox" id="formCheck15" checked class="filled-in @error('status') is-invalid @enderror" name="status" value="1">

                                    @endif
                                    <label class="form-check-label" for="formCheck15">
                                        Publié
                                    </label>


                                    @error('status')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                    @enderror
                                </div>
                            </div>
                            <!-- end card body -->
                        </div>--}}
                        <!-- end card -->

                        <div class="card">
                            <div class="card-header">
                                <h5 class="card-title mb-0">Catégories documents</h5>
                            </div>
                            <div class="card-body {{ $errors->has('types') ? 'focused error' : '' }}">
                                <p class="text-muted mb-2">
                                    <a href="{{ route('types.index') }}" class="float-end text-decoration-underline">Ajouter</a>
                                    Selectionner une catégorie
                                </p>

                                @if (isset($document))
                                <select name="types[]" id="type"  class="form-select" data-live-search="true" data-choices="" data-choices-search-false="" class="form-select" data-live-search="true" multiple required>
                                    @foreach($types as $type)
                                    <option @foreach($document->types as $documenttype)
                                        {{ $documenttype->id == $type->id ? 'selected' : '' }}
                                        @endforeach
                                        value="{{ $type->id }}">{{ $type->type }}</option>
                                    @endforeach
                                </select>
                                @else
                                <select name="types[]" id="types" data-choices="" data-choices-search-false="" class="form-select" data-live-search="true" multiple required>
                                    @foreach($types as $type)
                                        @if (old('type_id') == $type->id)
                                            <option value="{{ $type->id }}" selected>
                                                {{ $type->type }}
                                            </option>
                                        @else
                                            <option value="{{ $type->id }}">
                                                {{ $type->type }}
                                            </option>
                                        @endif
                                    @endforeach
                                </select>
                                @endif

                                @error('types')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                                @enderror
                            </div>
                            <!-- end card body -->
                        </div>

                    </div>
                    <!-- end col -->
                </div>
                <!-- end row -->
            </form>
    </div>
    <!-- container-fluid -->
</div>
<!-- End Page-content -->
@endsection

@section('scripts')
<script src="{{ asset('assets/libs/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('assets/libs/simplebar/simplebar.min.js') }}"></script>
<script src="{{ asset('assets/libs/node-waves/waves.min.js') }}"></script>
<script src="{{ asset('assets/libs/feather-icons/feather.min.js') }}"></script>
<script src="{{ asset('assets/js/pages/plugins/lord-icon-2.1.0.js') }}"></script>
<script src="{{ asset('assets/js/plugins.js') }}"></script>


<!--select2 cdn-->
<script src="{{ asset('assets/libs/select2@4.1.0-rc.0/dist/js/select2.min.js') }}"></script>

<script src="{{ asset('assets/js/pages/select2.init.js') }}"></script>
<!-- App js -->
<script src="{{ asset('assets/js/app.js') }}"></script>


@endsection