@php
    use Carbon\Carbon;
@endphp

@section('styles')
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.css" rel="stylesheet">
@endsection

@extends('layouts.root')

@section('root-body')
    
<!--**********************************
            Content body start
***********************************-->
    <!-- row -->
    <div class="container-fluid">
        <div class="row page-titles">
            <ol class="breadcrumb">
                <li class="breadcrumb-item active"><a href="{{ route('root.indexVille') }}">Ville</a></li>
                <li class="breadcrumb-item"><a href="javascript:void(0)">Listing</a></li>
            </ol>
        </div>

        

        <div class="row">
            <div class="col-xl-12 col-lg-12">

                <form method="POST" action="{{ route('root.storeVille') }}">
                    @csrf

                    <div class="card">
                        <div class="card-body">
                    

                            <div class="row">

                                <div class="col-xl-6">
                                    <div class="mb-3">
                                        <label class="col-lg-4 col-form-label" for="code">Code</label>
                                        <input type="text" class="form-control @error('code') is-invalid @enderror" name="code" 
                                        placeholder="Code" required value="{{ date('Y') }}-{{ str_pad(mt_rand(1, 999999), 6, '0', STR_PAD_LEFT) }}">
                                        @error('code')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-xl-6">
                                    <div class="mb-3">
                                        <label class="col-lg-4 col-form-label" for="libelle">Libelle</label>
                                        <input type="text" class="form-control @error('libelle') is-invalid @enderror" name="libelle" placeholder="Libelle" required value="{{ old('libelle') }}">
                                        @error('libelle')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-xl-6">
                                    <div class="mb-3">
                                        <label class="col-lg-4 col-form-label" for="pays">Province</label>
                                        <select class="form-control" name="province_id" required>
                                            <option data-display="Select">Please select</option>
                                            @foreach($provinceList as $province)
                                                <option value="{{ $province->id }}">{{ $province->libelle }}</option>
                                            @endforeach
                                        </select>
                                        @error('province_id')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>
                                </div>

                                <div class="col-xl-6">
                                    <div class="mb-3">
                                        <label class="col-lg-4 col-form-label" for="active">Activation</label>
                                        <select class="form-control @error('active') is-invalid @enderror" name="active" required>
                                            <option data-display="Select">Please select</option>
                                            <option value="1">actif</option>
                                            <option value="0">inactif</option>
                                        </select>
                                        @error('active')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                        @enderror
                                    </div>
                                </div>

                            </div>
                                        
                        </div>
                        <div class="card-footer">
                            <button type="submit" class="btn btn-block btn-primary light">soumettre</button>
                        </div>	
                    </div>

                
                </form>
            </div>
        </div>
        
    </div>
<!--**********************************
    Content body end
***********************************-->




@endsection

@section('scripts')
    <!-- Les scripts spécifiques à cette vue enfant vont ici -->
    <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.js"></script>

    <script>
        $('#summernote').summernote({
            placeholder: 'Votre description ici...',
            tabsize: 2,
            height: 200,
            toolbar: [
            ['style', ['style']],
            ['font', ['bold', 'underline', 'clear']],
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']],
            ['table', ['table']],
            ['insert', ['link', 'picture', 'video']],
            ['view', ['fullscreen', 'codeview', 'help']]
            ]
        });
    </script>
@endsection