@extends('layout.app')

@section('title')
    {{ __('Fonctions') }}
@endsection

@push('styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('modern-admin/app-assets/vendors/css/editors/summernote.css') }}">
@endpush

@section('active_fonctions', 'active')
@section('data_col', '2-columns')
@section('body_class', '2-columns')

@section('content')
<div class="app-content content">
    <div class="content-overlay"></div>
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-6 col-12 mb-2 breadcrumb-new">
                <h3 class="content-header-title mb-0 d-inline-block">{{ __('Fonctions')}}</h3>
                <div class="row breadcrumbs-top d-inline-block">
                    <div class="breadcrumb-wrapper col-12">
                        <ol class="breadcrumb">
                            @if(isset($fonction))
                                <li class="breadcrumb-item">{{ __('Edit') }}</li>
                                <li class="breadcrumb-item active">{{$fonction->reference}}</li>
                            @else
                                <li class="breadcrumb-item active">{{ __('Add') }}</li>
                            @endif
                        </ol>
                    </div>
                </div>
            </div>
            <div class="content-header-right col-md-6 col-12">
                <div class="btn-group float-md-right">
                    <a class="btn btn-dark" href="{{ route('fonctions.index') }}">
                        <i class="la la-arrow-left"></i> {{ __('Fonctions') }}
                    </a>
                    <button type="submit" class="btn btn-success ml-1 pr-1 pl-1" form="fonctionForm">
                        <i class="la la-save"></i> {{ __('Save') }}
                    </button>
                </div>
            </div>
        </div>
        <div class="content-body pb-5">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-content collpase show">
                                <div class="card-body">
                                    <form class="form form-horizontal" enctype="multipart/form-data" id="fonctionForm" 
                                        action="@if(isset($fonction)) {{ route('fonctions.update', $fonction->id) }} @else {{ route('fonctions.store') }} @endif" method="POST">
                                        @csrf
                                        @if(isset($fonction))
                                            @method('PUT')
                                        @endif
                                        
                                        <div class="form-body">
                                            <div class="row">
                                                @if (isset($fonction))
                                                    <div class="col-12 mb-1">
                                                        <label class="form-label" for="reference">{{ __('Référence') }} </label>
                                                        <input type="text" class="form-control" id="reference" value="{{ $fonction->reference }}" disabled>
                                                    </div>
                                                @endif
                                                <div class="col-md-6 mb-1">
                                                    <label class="form-label" for="name">{{ __('Name') }} <span class="danger">*</span> </label>
                                                    <input type="text" class="form-control" name="name" id="name" value="{{ old('name', $fonction->name ?? '') }}" required>
                                                </div>
                                                <div class="col-md-6 mt-3 skin skin-square">
                                                    <fieldset>
                                                        <input type="checkbox" id="is_driver" name="is_driver" value="1" {{ old('is_driver', $fonction->is_driver ?? false) ? 'checked' : '' }}>
                                                        <label for="is_driver">{{ __('Est chauffeur')}}</label>
                                                    </fieldset>
                                                </div>
                                                <div class="col-12 mb-1">
                                                    <label class="form-label" for="description">{{ __('Description') }} </label>
                                                    <textarea class="form-control" name="description" id="description" rows="5">{{ old('description', $fonction->description ?? '') }}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('modals')

@endsection

@push('scripts')
    <script src="{{ asset('modern-admin/app-assets/vendors/js/editors/summernote/summernote.js') }}"></script>    
    <script>
        $(document).ready(function(){
            ajaxForm("#fonctionForm");
            $('#description').summernote({
                height: 200,
                toolbar: [
                    ['style', ['style']],
                    ['font', ['bold', 'italic', 'underline', 'clear']],
                    ['fontname', ['fontname']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol', 'paragraph']],
                    ['height', ['height']],
                    ['table', ['table']],
                    ['insert', ['link', 'picture', 'hr']],
                    ['view', ['fullscreen', 'codeview', 'help']]
                ]
            });
        });
    </script>
@endpush