@extends('admin.layouts.app') 
@section('content')

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4><b>Intake Create</b>
                        <a href="{{url('admin/intake')}}" class="btn btn-dark btn-sm float-end px-2 py-1"><i class="fa fa-arrow-left" aria-hidden="true"></i> Back</a>
                    </h4>
                </div>
                <div class="card-body">
                    <form action="{{ route('intake.store') }}" method="POST">
                        @csrf                      
                        <div class="form-group mb-3">
                            <label for="">Name <span class="form-label-required text-danger">*</span></label>
                            <input type="text" name="name" class="form-control" placeholder="Enter Name">
                            <span class="text-danger"> 
                                @error('name')
                                    {{$message}}
                                @enderror
                            </span>
                        </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" class="form-control">
                            <span class="text-danger">
                                @error('start_date')
                                    {{$message}}
                                @enderror
                            </span>
                        </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" class="form-control">
                            <span class="text-danger">
                                @error('end_date')
                                    {{$message}}
                                @enderror
                            </span>
                        </div>
                        <!-- <div class="form-group mb-3">
                            <label for="">Country <span class="form-label-required text-danger">*</span></label>
                            <input type="text" name="country_ids" class="form-control">
                            <span class="text-danger">
                                @error('country_ids')
                                    {{$message}}
                                @enderror
                            </span>
                        </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
                                           {{ $country->id == old('country_ids') ? 'selected' : '' }}
                                                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>
                            <!-- <input type="text" name="status" class="form-control"> -->
                            <select class="form-select mb-3" aria-label=".form-select-lg example" name="status">
                                <option selected value="0">Unactive</option>
                                <option value="1">Active</option>
                            </select>
                            <span class="text-danger">
                                @error('status')
                                    {{$message}}
                                @enderror
                            </span>
                        </div>
                        <div class="form-group mb-3">
                           <button type="submit" name="id" class="button btn-primary">Submit</button>
                        </div>                      
                    </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">
    {{-- <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