@extends('admin.layouts.app') 
@section('content')
@php
$preferred_country_ids = explode(",", @$intake->country_ids);
@endphp
<div class="container">
    <div class="row">
        <div class="col-md-12">
            @if(session('status'))
                <h6 class="alert alert-warning">{{session('status')}}</h6>
            @endif
            <div class="card">
                <div class="card-header">
                    <h4><b>Edit Intake</b> 
                        <a href="{{url('admin/intake')}}" class="btn btn-dark btn-sm float-end"><i class="fa fa-arrow-left" aria-hidden="true"></i> Back</a>
                    </h4>
                </div>
                <div class="card-body">
                    <form action="{{ route('intake.update', $intake->id) }}" method="POST">
                        @csrf
                        @method('PUT')
                        <div class="form-group mb-3">
                            <label for="">Name  <span class="form-label-required text-danger">*</span></label>
                            <input type="text" name="name" value="{{$intake->name}}" class="form-control">
                        </div>
                        <div class="form-group mb-3">
                            <label for="">Start date  <span class="form-label-required text-danger">*</span></label>
                            <input type="date" name="start_date" value="{{$intake->start_date}}" class="form-control">
                        </div>
                        <div class="form-group mb-3">
                            <label for="">End date  <span class="form-label-required text-danger">*</span></label>
                            <input type="date" name="end_date" value="{{$intake->end_date}}" class="form-control">
                        </div>
                        <div class="form-group mb-3">
                        <x-forms.label name="Country ids" :required="true" />
                                <select name="country_ids[]"
                                    class="form-select select2bs44 {{ error('country_ids') }}"
                                    id="country_ids" multiple>
                                    <option value="" class="d-none">
                                        {{ __('select_country') }}
                                    </option>
                                    @isset($countries)
                                    @foreach ($countries as $country)
                                    <option

                                    @if (!empty($preferred_country_ids)) 
                                        @foreach ($preferred_country_ids as $key => $preferred_country_id)
                                        {{ $country->id == old('country_ids', $preferred_country_id) ? 'selected' : '' }}   
                                        @endforeach 
                                    @endif
                                    
                                        value="{{ $country->id }}">
                                        {{ $country->name }}
                                    </option>
                                    @endforeach
                                    @endisset
                                </select>
                            <x-forms.error name="country_ids" />
                        </div>
                        <div class="form-group mb-3">
                            <label for="">status  <span class="form-label-required text-danger">*</span></label>
                            <select class="form-select mb-3" aria-label=".form-select-lg example" name="status">
                            <option value="0" {{@$intake->status == "0" ? 'selected' : ''}}>Unactive</option>
                            <option value="1" {{@$intake->status == "1" ? 'selected' : ''}}>Active</option>
                            </select>
                        </div>
                        @if(userCan('intake.update'))
                        <div class="form-group mb-3">
                           <button type="submit" name="id" class="btn btn-success"><i class="fas fa-plus"></i> Update</button>
                        </div> 
                        @endif                      
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('style')
    <link rel="stylesheet" href="{{ asset('backend') }}/plugins/select2/css/select2.min.css">
    <link rel="stylesheet" href="{{ asset('backend') }}/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">
    <link rel="stylesheet" href="{{ asset('backend') }}/plugins/dropify/css/dropify.min.css">
    <link rel="stylesheet" href="{{ asset('frontend') }}/secondary-theme/assets/css/bootstrap-datepicker.min.css">
    <style>
        .ck-editor__editable_inline {
            min-height: 300px;
        }
    
        .select2-results__option[aria-selected=true] {
            display: none;
        }
    
        .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
            color: #fff;
            border: 1px solid #fff;
            background: #007bff;
            border-radius: 30px;
        }
    
        .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
            color: #fff;
        }
    
        .card-header .title {
            font-size: 17px;
            color: #000;
        }
    
        .card-header .accicon {
            float: right;
            font-size: 20px;
            width: 1.2em;
        }
    
        .card-header {
            cursor: pointer;
            border-bottom: none;
        }
    
        .card {
            border: 1px solid #ddd;
        }
    
        .card-body {
            border-top: 1px solid #ddd;
        }
    
        .card-header:not(.collapsed) .rotate-icon {
            transform: rotate(180deg);
        }
        .sticky-menu {
            position: sticky;
            z-index: 555;
            width: 100%;
            top: 1px;
        }
    </style>
@endsection
@section('script')
    <script src="{{ asset('backend/plugins/select2/js/select2.full.min.js') }}"></script>
    <script src="{{ asset('frontend/secondary-theme/assets/js/bootstrap-datepicker.min.js')}}"></script>
    <script src="{{ asset('backend') }}/plugins/dropify/js/dropify.min.js"></script>
    <script src="{{ asset('frontend') }}/secondary-theme/assets/js/ckeditor.min.js"></script>
    <script>
         $('.select2bs44').select2({
            theme: 'bootstrap4',
            placeholder: 'Select Source'
        })       
    </script>
@endsection