@extends('layout.app')

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

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

@section('active_missions', '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">{{ __('Missions')}}</h3>
                <div class="row breadcrumbs-top d-inline-block">
                    <div class="breadcrumb-wrapper col-12">
                        <ol class="breadcrumb">
                            @if(isset($mission))
                                <li class="breadcrumb-item">{{ __('Edit') }}</li>
                                <li class="breadcrumb-item active">{{$mission->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('missions.index') }}">
                        <i class="la la-arrow-left"></i> {{ __('Missions') }}
                    </a>
                    <button type="submit" class="btn btn-success ml-1 pr-1 pl-1" form="missionForm">
                        <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="missionForm" 
                                        action="@if(isset($mission)) {{ route('missions.update', $mission->id) }} @else {{ route('missions.store') }} @endif" method="POST">
                                        @csrf
                                        @if(isset($mission))
                                            @method('PUT')
                                        @endif
                                        
                                        <div class="form-body">
                                            <div class="row">
                                                @if (isset($mission))
                                                    <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="{{ $mission->reference }}" disabled>
                                                    </div>
                                                @endif
                                                <div class="col-md-12 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', $mission->name ?? '') }}" required>
                                                </div>
                                                <div class="col-md-7 mb-1">
                                                    <label class="form-label" for="mediateur_id">{{ __('Mediateur') }} <span class="danger">*</span> </label>
                                                    <select name="mediateur_id" id="mediateur_id" class="form-control select2" required>
                                                        <option value=""></option>
                                                        @foreach ($mediateurs as $mediateur)
                                                            <option value="{{$mediateur->id}}" {{ old('mediateur_id', isset($mission)&&$mission->mediateur_id ?? '') == $mediateur->id ? 'selected' : '' }}>{{'[#'.$mediateur->employe->reference.'] '.$mediateur->employe->first_name.' '.$mediateur->employe->last_name}}</option>
                                                        @endforeach
                                                    </select>
                                                </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', $mission->is_active ?? true) ? 'checked' : '' }}>
                                                        <label for="is_active">{{ __('Mission active')}}</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', $mission->description ?? '') }}</textarea>
                                                </div>
                                                {{--<div class="col-md-6 mb-1">
                                                    <label class="form-label" for="departure_type">{{ __('Departure type') }} <span class="danger">*</span> </label>
                                                    <select name="departure_type" id="departure_type" class="form-control" required>
                                                        <option value="inconnu" {{ old('departure_type', $mission->departure_type ?? '') == "inconnu" ? 'selected' : '' }}> {{ __("Inconnu")}} </option>
                                                        <option value="site" {{ old('departure_type', $mission->departure_type ?? '') == "site" ? 'selected' : '' }}> {{ __("Site")}} </option>
                                                        <option value="libre" {{ old('departure_type', $mission->departure_type ?? '') == "libre" ? 'selected' : '' }}> {{ __("Libre")}} </option>
                                                    </select>
                                                </div>
                                                <div class="col-md-6 mb-1">
                                                    <label class="form-label" for="destination_type">{{ __('Destination type') }} <span class="danger">*</span> </label>
                                                    <select name="destination_type" id="destination_type" class="form-control" required>
                                                        <option value="inconnu" {{ old('destination_type', $mission->destination_type ?? '') == "inconnu" ? 'selected' : '' }}> {{ __("Inconnu")}} </option>
                                                        <option value="site" {{ old('destination_type', $mission->destination_type ?? '') == "site" ? 'selected' : '' }}> {{ __("Site")}} </option>
                                                        <option value="libre" {{ old('destination_type', $mission->destination_type ?? '') == "libre" ? 'selected' : '' }}> {{ __("Libre")}} </option>
                                                    </select>
                                                </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("#missionForm");
            $('#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