@extends('layouts.app')

@section('title')
Créer un compte
@endsection

@section('page-title')
<a href="{{ route('comptes.index') }}"><i class="fa fa-arrow-left"></i></a> Comptes <small>Créer</small>
@endsection

@section('button-top')

@endsection


@section('content')
    {!! Form::open(array('route' => 'comptes.store', 'method'=>'POST')) !!}

        @include('comptes.form_main', ['tags' => $tags])

        <div class="row">
            <div class="masonry-item col-md-12 pB-30">
                <div class="bgc-white p-20 bd">
                    <h4 class="c-grey-900 mB-20">Administrateur référent</h4>
                    @include('comptes.form_administrateur', [ 'administrateurs' => $administrateurs ])
                </div>
            </div>
        </div>

        @include('comptes.form_options')
        
        {!! displayButton('Créer ce compte et son administrateur référent', 'btn btn-info mT-20 mB-30') !!}
    
    {!! Form::close() !!}

@endsection


@section('js')

    <script>
        $(document).ready( function () {
            $('#tags-select').select2({
                tags:true,
                language: window.select2_fr,
                createTag: function(params) {
                    return undefined;
                }
            });

            var today = new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate());

            $('.consult-start-date').datepicker({
                uiLibrary: 'bootstrap4',
                iconsLibrary: 'fontawesome',
                minDate: today,
                maxDate: function () {
                    return $('#endDate').val();
                },
                locale: 'fr-fr',
                format: 'dd/mm/yyyy',
                weekStartDay: 1
            });
            
        });
    </script>
@endsection