@extends('layout.app')

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

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

@section('active_mediateurs', '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">{{ __('Mediateurs')}}</h3>
                <div class="row breadcrumbs-top d-inline-block">
                    <div class="breadcrumb-wrapper col-12">
                        <ol class="breadcrumb">
                            @if(isset($mediateur))
                                <li class="breadcrumb-item">{{ __('Edit') }}</li>
                                <li class="breadcrumb-item active">{{$mediateur->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('mediateurs.index') }}">
                        <i class="la la-arrow-left"></i> {{ __('Mediateurs') }}
                    </a>
                    <button type="submit" class="btn btn-success ml-1 pr-1 pl-1" form="mediateurForm">
                        <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="mediateurForm" 
                                        action="@if(isset($mediateur)) {{ route('mediateurs.update', $mediateur->id) }} @else {{ route('mediateurs.store') }} @endif" method="POST">
                                        @csrf
                                        @if(isset($mediateur))
                                            @method('PUT')
                                        @endif
                                        
                                        <div class="form-body">
                                            <div class="row">
                                                @if (isset($mediateur))
                                                    <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="{{ $mediateur->reference }}" disabled>
                                                    </div>
                                                @endif
                                                <div class="col-md-7 mb-1">
                                                    <div class="form-group">
                                                        <label class="form-label" for="employe_id">{{ __('Employe') }} <span class="danger">*</span></label>
                                                        <select class="form-control select2" name="employe_id" id="employe_id" required>
                                                            <option value="">{{ __('Select') }}</option>
                                                            @foreach($employes as $employe)
                                                                <option value="{{ $employe->id }}" {{ old('employe_id', $mediateur->employe_id ?? '') == $employe->id ? 'selected' : '' }}> {{ $employe->reference.'| '.$employe->first_name.' '.$employe->last_name }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-5 mb-1 skin skin-square mt-3">
                                                    <fieldset>
                                                        <input type="checkbox" id="is_active" name="is_active" value="1" {{ old('is_active', $mediateur->is_active ?? true) ? 'checked' : '' }}>
                                                        <label for="is_active">{{ __('Mediateur active')}}</label>
                                                    </fieldset>
                                                </div>
                                                <div class="col-12 mb-1">
                                                    <div class="form-group">
                                                        <label class="form-label" for="drivers">{{ __('Drivers') }}</label>
                                                        <select class="form-control select2" name="drivers[]" id="drivers" multiple>
                                                            <option value="">{{ __('Select') }}</option>
                                                            @foreach($drivers as $driver)
                                                                <option value="{{ $driver->id }}" {{ isset($mediateur) && $mediateur->drivers && in_array($driver->id, $mediateur->drivers) ? 'selected' : '' }}>
                                                                    {{ '('.$driver->reference.') '.$driver->first_name.' '.$driver->last_name }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-12 mb-1">
                                                    <div class="form-group">
                                                        <label class="form-label" for="vehicules">{{ __('Vehicules') }}</label>
                                                        <select class="form-control select2" name="vehicules[]" id="vehicules" multiple>
                                                            <option value="">{{ __('Select') }}</option>
                                                            @foreach($vehicules as $vehicule)
                                                                <option value="{{ $vehicule->id }}" {{ isset($mediateur) && $mediateur->vehicules && in_array($vehicule->id, $mediateur->vehicules) ? 'selected' : '' }}>
                                                                    {{ '('.$vehicule->reference.') '.$vehicule->immatriculation }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-12 mb-1">
                                                    <div class="form-group">
                                                        <label class="form-label" for="missions">{{ __('Missions') }}</label>
                                                        <select class="form-control select2" name="missions[]" id="missions" multiple>
                                                            <option value="">{{ __('Select') }}</option>
                                                            @foreach($missions as $mission)
                                                                <option value="{{ $mission->id }}" {{ isset($mediateur) && $mediateur->missions && in_array($mission->id, $mediateur->missions) ? 'selected' : '' }}>
                                                                    {{ '('.$mission->reference.') '.$mission->name }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </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', $mediateur->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("#mediateurForm");
            $('#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