@extends('layouts.app')

@section('content')

<div class="container-fluid">

    {{-- En-tête --}}
    <div class="d-flex justify-content-between align-items-center mb-4">

        <h1>Nouveau partenaire</h1>

        <a
            href="{{ route('partenaires.index') }}"
            class="btn btn-outline-secondary"
        >
            <i class="bi bi-arrow-left"></i>
            Retour
        </a>

    </div>


    {{-- Affichage des erreurs de validation --}}
    @if($errors->any())

        <div class="alert alert-danger">

            <strong>Le formulaire contient des erreurs.</strong>

            <ul class="mb-0 mt-2">

                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach

            </ul>

        </div>

    @endif


    <div class="card">

        <div class="card-body">

            <form
                method="POST"
                action="{{ route('partenaires.store') }}"
            >

                @csrf

                <div class="row g-3">

                    {{-- Cabinet --}}
                    <div class="col-md-6">

                        <label
                            for="cabinet"
                            class="form-label"
                        >
                            Cabinet
                        </label>

                        <input
                            type="text"
                            id="cabinet"
                            name="cabinet"
                            class="form-control"
                            value="{{ old('cabinet') }}"
                        >

                    </div>


                    {{-- Contact --}}
                    <div class="col-md-6">

                        <label
                            for="contact"
                            class="form-label"
                        >
                            Contact
                        </label>

                        <input
                            type="text"
                            id="contact"
                            name="contact"
                            class="form-control"
                            value="{{ old('contact') }}"
                        >

                    </div>


                    {{-- Téléphone --}}
                    <div class="col-md-6">

                        <label
                            for="telephone"
                            class="form-label"
                        >
                            Téléphone
                        </label>

                        <input
                            type="text"
                            id="telephone"
                            name="telephone"
                            class="form-control"
                            value="{{ old('telephone') }}"
                        >

                    </div>


                    {{-- Email --}}
                    <div class="col-md-6">

                        <label
                            for="email"
                            class="form-label"
                        >
                            Email
                        </label>

                        <input
                            type="email"
                            id="email"
                            name="email"
                            class="form-control"
                            value="{{ old('email') }}"
                        >

                    </div>

                </div>


                <div class="d-flex justify-content-end gap-2 mt-4">

                    <a
                        href="{{ route('partenaires.index') }}"
                        class="btn btn-outline-secondary"
                    >
                        Annuler
                    </a>

                    <button
                        type="submit"
                        class="btn btn-primary"
                    >
                        <i class="bi bi-check-lg"></i>
                        Enregistrer
                    </button>

                </div>

            </form>

        </div>

    </div>

</div>

@endsection