@extends('layouts.admin')

@php
    $is_update = false;
    if(isset($preSchool) && !empty($preSchool)){
        $is_update = true;
    }
@endphp

@section('css')
<link href="{{ Helper::assets('assets/libs/multiselect/bootstrap.multiselect.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('breadcrumb')
<div class="row page-title align-items-center">
    <div class="col-sm-6 col-xl-6">
        <h4 class="mb-1 mt-0 font-weight-medium">{{ $is_update ? 'Edit' : 'Add new' }} type of pre-school</h4>
    </div>
</div>
@endsection

@section('content')
<form method="POST" action="{{ $is_update ? route('admin.pre-schools.update') : route('admin.pre-schools.save') }}" class="preSchool-form" id="preSchool-form" enctype="multipart/form-data">
    @csrf
    @if($is_update)
    <input type="hidden" name="id" value="{{ $preSchool->_id }}">
    @endif
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-lg-8">
                            <div class="form-group row">
                                <label class="col-xl-3 col-form-label">Type of pre-school</label>
                                <div class="col-xl-7">
                                    <input type="text" class="form-control input-validate" name="name" value="{{ $is_update ? $preSchool->name : old('name') }}">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-8">
                            <div class="form-group row">
                                <label class="col-xl-3 col-form-label">Description</label>
                                <div class="col-xl-7">
                                    <textarea class="form-control input-validate" name="description" rows="5">{{ $is_update ? $preSchool->description : old('description') }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-8">
                            <div class="form-group row">
                                <label class="col-xl-3 col-form-label">Sort index</label>
                                <div class="col-xl-7">
                                    <input type="number" min="0" class="form-control input-validate" name="sortBy" value="{{ $is_update ? $preSchool->sortBy : old('sortBy') }}">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-8">
                            <div class="form-group row">
                                <label class="col-xl-3 col-form-label">Country</label>
                                <div class="col-xl-7">
                                    <select class="form-control multiselect" multiple name="country[]" id="country">
                                        @if(isset($countries) && !empty($countries))
                                        @foreach ($countries as $country)
                                        <option value="{{$country->_id}}" {{ $is_update && in_array($country->_id, $preSchool->country) ? "selected" : "" }}>{{$country->name}}</option>  
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                        </div>
                        {{-- <div class="col-md-6">
                            <div class="form-group row">
                                <label class="col-xl-4 col-form-label">State</label>
                                <div class="col-xl-7">
                                    <select class="form-control multiselect" multiple name="state[]" id="state">
                                        
                                    </select>
                                </div>
                            </div>
                        </div> --}}
                    </div>
                    <div class="mt-3">
                        <button type="submit" class="btn btn-success btn-min-width" id="save">Save</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
@endsection

@section('script-bottom')
<script defer src="{{ Helper::assets('assets/libs/validation/validate.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/multiselect/bootstrap.multiselect.min.js') }}" type="text/javascript"></script>
<script> var get_state = "{{ route('admin.state') }}"; </script>
<script defer src="{{ Helper::assets('assets/js/pages/admin/pre-schools.js') }}" type="text/javascript"></script>
@endsection