@extends('layouts.vertical')

@section('css')
<link href="{{ Helper::assets('assets/libs/select2/select2.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ Helper::assets('assets/libs/flatpickr/flatpickr.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">School profile</h4>
    </div>
    <div class="col-sm-6 col-xl-6">
        <div class="form-inline float-sm-right mt-3 mt-sm-0">
            <a href="javascript:;" class="btn btn-success btn-min-width" onclick="event.preventDefault();document.getElementById('save').click();">Save changes</a>
        </div>
    </div>
</div>
@endsection
@php
    $is_update = false;
    if(isset($currentSchool) && !empty($currentSchool)){
        $is_update = true;
    }
@endphp
@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <div class="">
                    <h5 class="font-size-18 pb-1">General details</h5>
                </div>
                <div class="mt-4">
                    <form method="POST" action="{{ route('school.profile.update') }}" class="school-profile-form" id="school-profile-form" enctype="multipart/form-data">
                        @csrf
                        <div class="row mb-2">
                            <div class="col-lg-6">
                                <div class="form-group row">
                                    <label class="col-xl-4 col-form-label">Name of school</label>
                                    <div class="col-xl-7">
                                        <input type="text" class="form-control input-validate" name="name" value="{{ $is_update ? $currentSchool->name : old('name') }}">
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-xl-4 col-form-label">Operation</label>
                                    <div class="col-xl-7">
                                        <select class="form-control input-validate" data-plugin="customselect" name="operation" data-placeholder="">
                                            <option value="" {{ old('operation') == "" ? 'selected' : '' }}>Select Operation</option>
                                            <option value="0" {{ (($is_update && $currentSchool->operation  == "0") || old('operation') == "0") ? 'selected' : '' }}>Private</option>
                                            <option value="1" {{ (($is_update && $currentSchool->operation  == "1") || old('operation') == "1") ? 'selected' : '' }}>Community</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 text-center">
                                <div class="form-group row align-items-center">
                                    <div class="col-md px-0 upload-image">
                                        <div class="d-inline-block school-logo-box mr-md-4 mr-2 mb-3 mb-md-2 {{ $is_update && $currentSchool->image != '' ? 'p-0' : '' }} ">
                                            <img src="{{ $is_update ? $currentSchool->image : Helper::assets('assets/images/default-big-logo.png') }}" data-src="{{ Helper::assets('assets/images/default-big-logo.png') }}" class="img-fluid">
                                        </div>
                                        <button class="btn btn-pink mr-2 mb-2 btn-upload" type="button">Upload new logo</button>
                                        <button class="btn btn-danger mb-2 btn-remove-image" type="button">Remove</button>
                                        <input type="file" class=" input-validate" name="image" id="image">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row border-bottom mt-3 mb-5 mx-n5"></div>                  
                        <div class="col-md-12 pt-2">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group row">
                                        <label class="col-xl-2 col-form-label">Address</label>
                                        <div class="col-xl-10">
                                            <input type="text" class="form-control input-validate" name="address" value="{{ $is_update ? $currentSchool->address : old('address') }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group row">
                                        <label class="col-xl-4 col-form-label">Country</label>
                                        <div class="col-xl-7">
                                            <select class="form-control input-validate" data-plugin="customselect" name="country" id="country" data-placeholder="">
                                                <option value="">Select Country</option>
                                                @if(isset($countries) && !empty($countries))
                                                @foreach ($countries as $country)
                                                <option value="{{$country->_id}}||{{$country->name}}" {{ (($is_update && isset($currentSchool->country->reference) && $currentSchool->country->reference  == $country->_id) || old('country') == $country->_id) ? 'selected' : '' }}>{{$country->name}}</option>  
                                                @endforeach
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group row">
                                        <label class="offset-xl-1 col-xl-4 col-form-label">State</label>
                                        <div class="col-xl-7">
                                            <select class="form-control input-validate" data-plugin="customselect"  name="state" id="state" data-placeholder="" {{(isset($states) && empty($states)) ? "disabled" : ""}}>
                                                <option value="">Select State</option>
                                                @if(isset($states) && !empty($states))
                                                @foreach ($states as $state)
                                                <option value="{{$state->_id}}||{{$state->name}}" {{ (($is_update && isset($currentSchool->state->reference) && $currentSchool->state->reference  == $state->_id) || old('state') == $state->_id) ? 'selected' : '' }}>{{$state->name}}</option>  
                                                @endforeach
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group row">
                                        <label class="col-xl-4 col-form-label">City/Town</label>
                                        <div class="col-xl-7">
                                            <input type="text" class="form-control input-validate" name="city" value="{{ $is_update ? $currentSchool->city : old('city') }}" placeholder="">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group row">
                                        <label class="offset-xl-1 col-xl-4 col-form-label">Postal code</label>
                                        <div class="col-xl-7">
                                            <input type="text" class="form-control input-validate" name="postalCode" value="{{ $is_update ? $currentSchool->postalCode : old('postalCode') }}" placeholder="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group row">
                                        <label class="col-xl-4 col-form-label">Phone number</label>
                                        <div class="col-xl-7">
                                            <input type="text" class="form-control input-validate" name="phone" value="{{ $is_update ? $currentSchool->phone : old('phone') }}" placeholder="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row border-bottom my-5 mx-n5"></div>
                        <div class="col-md-12">
                            <h5 class="m-0 mb-4 font-size-16">Type of school</h5>
                            <div class="row type-of-school">
                                @if(isset($preSchool) && !empty($preSchool))
                                @foreach ($preSchool as $key => $pSchool)
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <div class="checkbox big checkbox-pink">
                                                <input type="checkbox" name="category"  data-error="typeofschool-error" class="input-validate" id="typeOfPreSchool{{$key}}" value="{{$pSchool->_id}}||{{$pSchool->name}}" {{ (($is_update && isset($currentSchool->category->reference) && $currentSchool->category->reference  == $pSchool->_id) || old('category') == $pSchool->_id) ? 'checked' : '' }}>
                                                <label for="typeOfPreSchool{{$key}}">
                                                    {{$pSchool->name}}
                                                    <div class="font-weight-normal mt-1">
                                                        {{$pSchool->description}}
                                                    </div>
                                                </label>
                                            </div>
                                        </div>
                                    </div>  
                                @endforeach
                                @endif
                                <div class="col-md-6 last-child">
                                    <div class="form-group row">
                                        <div class="col-lg-auto">
                                            <div class="checkbox big checkbox-pink pt-lg-1">
                                                <input type="checkbox" class="input-validate" name="category" data-error="typeofschool-error" id="typeOfPreSchoolOther" value="0" {{ (($is_update && !isset($currentSchool->category->reference)) || old('category') == "0") ? 'checked' : '' }}>
                                                <label for="typeOfPreSchoolOther" class="pt-2">
                                                    Other
                                                </label>
                                            </div>
                                        </div>
                                        <div class="col-lg mt-2 ml-5 pl-4 mt-lg-0 ml-lg-0 pl-lg-0">
                                            <input type="text" name="category_other" id="" class="form-control" value="{{ ($is_update && !isset($currentSchool->category->reference)) ? $currentSchool->category->name : '' }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="typeofschool-error"></div>
                        </div>
                        <div class="row border-bottom mb-4"></div>
                        <div class="col-md-12">
                            <div class="row">
                                <div class="col-12">
                                    <h5 class="font-size-18">Opening days and times</h5>
                                </div>
                                <div class="col-12 mt-3">
                                    <div class="row">
                                        @foreach(config('constant.collection_days') as $key => $day)
                                        @php $currentDay = null; @endphp
                                        @if($is_update && isset($schoolTimings) && !empty($schoolTimings))
                                        @php
                                            $currentDay = collect($schoolTimings)->where('day', $key)->first();   
                                        @endphp
                                        @endif
                                        <div class="col-auto">
                                            <div class="checkbox big checkbox-pink mb-3">
                                                <input type="checkbox" class="input-validate open-day" name="days[]" id="day{{$key}}" value="{{$key}}" data-error="days-error" {{$currentDay!=null ? 'checked' : '' }}>
                                                <label for="day{{$key}}" class="pt-2">
                                                    {{$day}}
                                                </label>
                                            </div>
                                        </div>
                                        @endforeach
                                    </div>
                                    <div class="days-error"></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12 mt-3">
                            <div class="row px-3">
                                <ul class="nav nav-pills navtab-bg section-hidden nav-days" style="display:none">
                                    @foreach(config('constant.collection_days') as $key => $day)
                                    <li class="nav-item nav-item-{{$key}}" style="display:none">
                                        <a href="#tab{{$key}}" data-toggle="tab" aria-expanded="false" class="nav-link">
                                            <span class="d-sm-block">{{$day}}</span>
                                        </a>
                                    </li>
                                    @endforeach
                                </ul>
                            </div>
                            <div class="tab-content section-hidden" style="display:none">
                                @foreach(config('constant.collection_days') as $key => $day)
                                @php $currentDay = null; @endphp
                                @if($is_update && isset($schoolTimings) && !empty($schoolTimings))
                                @php
                                    $currentDay = collect($schoolTimings)->where('day', $key)->first();   
                                @endphp
                                @endif
                                <div class="tab-pane" id="tab{{$key}}">
                                    <div class="section-repeater" data-startingIndex="1">
                                        @if($currentDay!=null && !empty($currentDay->periods))
                                        @php $count = 1; @endphp
                                        @foreach($currentDay->periods as $key1 => $period)
                                        @php
                                        $fromTime =  $toTime = "";
                                        if(isset($period->fromTime)){
                                            $fromTime = \Carbon\Carbon::createMidnightDate(date('Y-m-d'))->addMinutes($period->fromTime)->format('h:i A');
                                        }
                                        if(isset($period->toTime)){
                                            $toTime = \Carbon\Carbon::createMidnightDate(date('Y-m-d'))->addMinutes($period->toTime)->format('h:i A');
                                        }
                                        @endphp
                                        <div class="r-group">
                                            <div class="row mb-2">
                                                <label class="col-auto col-form-label font-weight-bold">Session <span class="srno number">{{$count}}</span></label>
                                                <div class="col-md-1 col-auto ml-auto order-md-3 order-1 input-group-append align-items-start justify-content-end" style="visibility:hidden;">
                                                    <span class="input-group-btn mt-md-3">
                                                        <a href="javascript:void(0);" class="text-danger r-btnRemove mt-1"><i class="uil uil-multiply"></i></a>
                                                    </span>
                                                </div>
                                                <div class="col-md order-md-2 order-3">
                                                    <div class="form-group row">
                                                        <label class="col-md-5 col-lg-4 col-form-label font-weight-medium">Opening time</label>
                                                        <div class="col-md-7 col-lg-7">
                                                            <span class="flatpickr-arrow"></span>
                                                            <input type="text" class="form-control not-validate flatpickr flatpickr-time fromTime" name="timings[{{$key}}][periods][{{$key1}}][fromTime]" value="{{$fromTime}}" placeholder="" data-pattern="timings[{{$key}}][periods][++][fromTime]">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md order-md-2 order-3">
                                                    <div class="form-group row">
                                                        <label class="col-md-5 col-lg-4 col-form-label font-weight-medium">Closing time</label>
                                                        <div class="col-md-7 col-lg-7">
                                                            <span class="flatpickr-arrow"></span>
                                                            <input type="text" class="form-control not-validate flatpickr flatpickr-time toTime" name="timings[{{$key}}][periods][{{$key1}}][toTime]" value="{{$toTime}}" placeholder="" data-pattern="timings[{{$key}}][periods][++][toTime]">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @php $count++; @endphp
                                        @endforeach
                                        @else
                                        <div class="r-group">
                                            <div class="row mb-2">
                                                <label class="col-auto col-form-label font-weight-bold">Session <span class="srno number">1</span></label>
                                                <div class="col-md-1 col-auto ml-auto order-md-3 order-1 input-group-append align-items-start justify-content-end" style="visibility:hidden;">
                                                    <span class="input-group-btn mt-md-3">
                                                        <a href="javascript:void(0);" class="text-danger r-btnRemove mt-1"><i class="uil uil-multiply"></i></a>
                                                    </span>
                                                </div>
                                                <div class="col-md order-md-2 order-3">
                                                    <div class="form-group row">
                                                        <label class="col-md-5 col-lg-4 col-form-label font-weight-medium">Opening time</label>
                                                        <div class="col-md-7 col-lg-7">
                                                            <span class="flatpickr-arrow"></span>
                                                            <input type="text" class="form-control not-validate flatpickr flatpickr-time fromTime" name="timings[{{$key}}][periods][0][fromTime]" value="" placeholder="" data-pattern="timings[{{$key}}][periods][++][fromTime]">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md order-md-2 order-3">
                                                    <div class="form-group row">
                                                        <label class="col-md-5 col-lg-4 col-form-label font-weight-medium">Closing time</label>
                                                        <div class="col-md-7 col-lg-7">
                                                            <span class="flatpickr-arrow"></span>
                                                            <input type="text" class="form-control not-validate flatpickr flatpickr-time toTime" name="timings[{{$key}}][periods][0][toTime]" value="" placeholder="" data-pattern="timings[{{$key}}][periods][++][toTime]">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @endif
                                        <div class="pt-3 btn-div">
                                            <button type="button" class="btn btn-success r-btnAdd">Add</button>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                        <div class="mt-3">
                            <button type="submit" class="btn btn-success btn-min-width" id="save">Save changes</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script-bottom')
<script defer src="{{ Helper::assets('assets/libs/moment/moment.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/validation/validate.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/flatpickr/flatpickr.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/select2/select2.min.js') }}" type="text/javascript"></script>
<script type="text/javascript"> var get_state = "{{ route('state') }}", get_curricula = "{{ route('curricula') }}";</script>
<script defer src="{{ Helper::assets('assets/js/pages/school-profile.js') }}?v=1" type="text/javascript"></script>
@endsection