@extends('admin.layout')

@section('title', 'Ajouter un chantier')

@section('content')

    <div class="pagetitle">
        <h1>@yield('title')</h1>
    </div>

    {{-- Deroule des blocs qui apparaissent en cours de saisie : un devis,
         l'equipe, l'observation. Regles partagees avec la creation d'une
         commande, qui deroule les memes. --}}
    <link rel="stylesheet" href="@assetV('css/accordeon.css')">
    <script src="@assetV('js/accordeon.js')"></script>
    <link rel="stylesheet" href="@assetV('css/plannings/chantier-form.css')">

    <section class="section contact">
        <div class="card p-4">
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form action="{{ route('plannings.chantiers.store') }}" method="post" id="planning-form">
                @csrf

                @include('admin.plannings.chantiers._form', [
                    'planning' => null,
                    'devisIds' => collect(),
                    'valider' => __('Ajouter'),
                ])

            </form>

        </div>
    </section>

    {{-- Hors du <form> : un champ de recherche a l'interieur soumettrait le
         chantier a la premiere touche Entree. --}}
    @include('admin.gestan.clients._modale_recherche', ['cible' => '#client_id'])

    <script src="@assetV('js/observations.js')"></script>
    <script src="@assetV('js/api/clients.js')"></script>
    <script src="@assetV('js/api/devis.js')"></script>
    <script src="@assetV('js/plannings/nature-chantier.js')"></script>



    <script>
        const datesBloquees = @json($datesBloquees);
    </script>
    <script src="@assetV('js/plannings/dates.js')"></script>
    <script src="@assetV('js/plannings/equipes.js')"></script>
    <script src="@assetV('js/plannings/absences.js')"></script>
    <script src="@assetV('js/plannings/users.js')"></script>



    <script src="@assetV('js/plannings/occupations.js')"></script>
@endsection