@php

use App\Utilities\RosterUtility;

$days = old('days', $roster->days ?? []);

if (!is_array($days)) {
    $days = json_decode($days, true) ?? [];
}

/*
|--------------------------------------------------------------------------
| START TIME
|--------------------------------------------------------------------------
*/

$sh = $sm = $sap = null;

if (!empty($roster?->class_start_time)) {

    $startTime = date('h:i A', strtotime($roster->class_start_time));

    $sh  = substr($startTime, 0, 2);
    $sm  = substr($startTime, 3, 2);
    $sap = substr($startTime, 6, 2);

}

/*
|--------------------------------------------------------------------------
| END TIME
|--------------------------------------------------------------------------
*/

$eh = $em = $eap = null;

if (!empty($roster?->class_end_time)) {

    $endTime = date('h:i A', strtotime($roster->class_end_time));

    $eh  = substr($endTime, 0, 2);
    $em  = substr($endTime, 3, 2);
    $eap = substr($endTime, 6, 2);

}

@endphp

<div class="card shadow-none border my-4 admin-contact-section crm-roster-form-page">

    <div class="card-header p-4 border-bottom bg-body">

        <h4 class="mb-0">
            {{ isset($roster) ? 'Edit Roster' : 'Create Roster' }}
        </h4>

    </div>

    <div class="card-body p-4">

        <div class="row g-3">

            <div class="col-md-12">

                <label class="form-label">
                    Roster Name
                    <span class="text-danger">*</span>
                </label>

                <input type="text"
                       name="roster_name"
                       class="form-control"
                       value="{{ old('roster_name', $roster->roster_name ?? '') }}">

                @error('roster_name')

                    <div class="checkbox-error-msg text-danger mt-2 invalid-feedback d-block">
                        {{ $message }}
                    </div>

                @enderror

            </div>

            <div class="col-md-4">

                <label class="form-label">
                    Class Size Limit
                </label>

                <input type="text"
                       name="class_size_limit"
                       class="form-control integer-only"
                       value="{{ old('class_size_limit', $roster->class_size_limit ?? '') }}">

            </div>
			
			{{-- MEMBERSHIP TYPE --}}
		<div class="col-md-4">

			<label class="form-label">
				Membership Type
			</label>

		<select name="membership_type_id"
			id="membership_type_id"
			class="form-control selectpicker multiselect-dropdown @error('membership_type_id') is-invalid @enderror"
			data-live-search="true"
			title="Select Membership Type">

		@foreach($membershipTypes as $membershipType)

			<option value="{{ $membershipType->id }}"
				{{ old(
					'membership_type_id',
					$roster->membership_type_id ?? null
				) == $membershipType->id ? 'selected' : '' }}>

				{{ $membershipType->membership_name }}

			</option>

		@endforeach

	</select>

		</div>
		  {{-- ROSTER TYPE --}}
            <div class="col-md-4">

                <label class="form-label">
                    Roster Type
                </label>

                <select name="roster_type_id"
                        id="roster_type_id"
                        class="form-control selectpicker multiselect-dropdown @error('roster_type_id') is-invalid @enderror"
                        data-live-search="true"
                        title="Select Roster Type">

                    @foreach($rosterTypes ?? [] as $rosterType)

                        <option value="{{ $rosterType->id }}"
                            {{ old('roster_type_id', $roster->roster_type_id ?? null) == $rosterType->id ? 'selected' : '' }}>
                            {{ $rosterType->name }}
                        </option>

                    @endforeach

                </select>

                @error('roster_type_id')
                    <div class="checkbox-error-msg text-danger mt-2 invalid-feedback d-block">
                        {{ $message }}
                    </div>
                @enderror

            </div>

		 
		{{-- INSTRUCTOR 1 --}}
		<div class="col-md-4">

			<label class="form-label">
				Instructor 1
			</label>

			<select name="instructor_1_id"
				id="instructor_1_id"
				class="form-control selectpicker multiselect-dropdown @error('instructor_1_id') is-invalid @enderror"
				data-live-search="true"
				title="Select Instructor">

			@foreach($instructors as $instructor)

				<option value="{{ $instructor->id }}"
					{{ old(
						'instructor_1_id',
						$roster->instructor_1_id ?? null
					) == $instructor->id ? 'selected' : '' }}>

					{{ $instructor->title }}

				</option>

			@endforeach

		</select>

		</div>

		{{-- INSTRUCTOR 2 --}}
		<div class="col-md-4">

			<label class="form-label">
				Instructor 2
			</label>

			<select name="instructor_2_id"
				id="instructor_2_id"
				class="form-control selectpicker multiselect-dropdown @error('instructor_2_id') is-invalid @enderror"
				data-live-search="true"
				title="Select Instructor">

			@foreach($instructors as $instructor)

				<option value="{{ $instructor->id }}"
					{{ old(
						'instructor_2_id',
						$roster->instructor_2_id ?? null
					) == $instructor->id ? 'selected' : '' }}>

					{{ $instructor->title }}

				</option>

			@endforeach

		</select>


		</div>

		{{-- INSTRUCTOR 3 --}}
		<div class="col-md-4">

			<label class="form-label">
				Instructor 3
			</label>

			<select name="instructor_3_id"
				id="instructor_3_id"
				class="form-control selectpicker multiselect-dropdown @error('instructor_3_id') is-invalid @enderror"
				data-live-search="true"
				title="Select Instructor">

			@foreach($instructors as $instructor)

				<option value="{{ $instructor->id }}"
					{{ old(
						'instructor_3_id',
						$roster->instructor_3_id ?? null
					) == $instructor->id ? 'selected' : '' }}>

					{{ $instructor->title }}

				</option>

			@endforeach

		</select>

		</div>

            
            {{-- START TIME --}}

            <div class="col-md-4 mt-4" style="padding-right:60px;">

                <h6 class="roster-card-title">
                <i class="bx bx-time me-1"></i>
                Class Start Time <span class="text-danger">*</span>
            </h6>

                <div class="row g-2">

                    <div class="col">
						<label class="form-label small-label">
							Hours
						</label>
                        <select name="class_start_hour" class="form-select">

                            <option value="">Select</option>

                            @foreach(RosterUtility::hours() as $hour)

                                <option value="{{ $hour }}"
                                    {{ old('class_start_hour', $sh) == $hour ? 'selected' : '' }}>

                                    {{ $hour }}

                                </option>

                            @endforeach

                        </select>

                    </div>

                    <div class="col">
						<label class="form-label small-label">
							Minutes
						</label>
                        <select name="class_start_minute" class="form-select">

                            <option value="">Select</option>

                            @foreach(RosterUtility::minutes() as $minute)

                                <option value="{{ $minute }}"
                                    {{ old('class_start_minute', $sm) == $minute ? 'selected' : '' }}>

                                    {{ $minute }}

                                </option>

                            @endforeach

                        </select>

                    </div>

                    <div class="col">
						<label class="form-label small-label">
							AM/PM
						</label>
                        <select name="class_start_meridiem" class="form-select">

                            <option value="">Select</option>

                            @foreach(RosterUtility::meridiems() as $meridiem)

                                <option value="{{ $meridiem }}"
                                    {{ old('class_start_meridiem', $sap) == $meridiem ? 'selected' : '' }}>

                                    {{ $meridiem }}

                                </option>

                            @endforeach

                        </select>

                    </div>
					
					@error('class_start_time')

                    <div class="checkbox-error-msg text-danger mt-2 invalid-feedback d-block">
                        {{ $message }}
                    </div>

                @enderror
				
                </div>

            </div>

            {{-- END TIME --}}
            <div class="col-md-4 mt-4" style="padding-right:60px;">

                <h6 class="roster-card-title">
					<i class="bx bx-time me-1"></i>
					Class End Time <span class="text-danger">*</span>
				</h6>

                <div class="row g-2">

                    <div class="col">
						<label class="form-label small-label">
							Hours
						</label>
                        <select name="class_end_hour" class="form-select">

                            <option value="">Select</option>

                            @foreach(RosterUtility::hours() as $hour)

                                <option value="{{ $hour }}"
                                    {{ old('class_end_hour', $eh) == $hour ? 'selected' : '' }}>

                                    {{ $hour }}

                                </option>

                            @endforeach

                        </select>

                    </div>

                    <div class="col">
						<label class="form-label small-label">
							Minutes
						</label>
                        <select name="class_end_minute" class="form-select">

                            <option value="">Select</option>

                            @foreach(RosterUtility::minutes() as $minute)

                                <option value="{{ $minute }}"
                                    {{ old('class_end_minute', $em) == $minute ? 'selected' : '' }}>

                                    {{ $minute }}

                                </option>

                            @endforeach

                        </select>

                    </div>

                    <div class="col">
						<label class="form-label small-label">
							AM/PM
						</label>
                        <select name="class_end_meridiem" class="form-select">

                            <option value="">Select</option>

                            @foreach(RosterUtility::meridiems() as $meridiem)

                                <option value="{{ $meridiem }}"
                                    {{ old('class_end_meridiem', $eap) == $meridiem ? 'selected' : '' }}>

                                    {{ $meridiem }}

                                </option>

                            @endforeach

                        </select>

                    </div>
				
				@error('class_end_time')

                    <div class="checkbox-error-msg text-danger mt-2 invalid-feedback d-block">
                        {{ $message }}
                    </div>

                @enderror
                </div>

            </div>
            <div class="col-md-4 mt-4">

                <h6 class="roster-card-title">
					<i class="bx bx-alarm me-1"></i>
					How Many Hours Before
				</h6>

				<label class="form-label small-label mt-2">
					Hours
				</label>
				
                <input type="text"
                       name="how_many_hours_before"
                       class="form-control integer-only"
                       value="{{ old('how_many_hours_before', $roster->how_many_hours_before ?? '') }}">

            </div>

            <div class="col-md-8">

                <label class="form-label d-block">
                    Days <span class="text-danger">*</span>
                </label>

                @foreach(RosterUtility::weekdays() as $day)

                    <div class="form-check form-check-inline">
						<label class="form-check-label">
                        <input type="checkbox"
                               class="form-check-input"
                               name="days[]"
                               value="{{ $day }}"
                               {{ in_array($day, $days) ? 'checked' : '' }}>

                        
                            {{ $day }}
                        </label>

                    </div>

                @endforeach
				
				@error('days')

                    <div class="checkbox-error-msg text-danger mt-2 invalid-feedback d-block">
                        {{ $message }}
                    </div>

                @enderror

            </div>
<div class="col-12 mb-4">

                <label class="form-label">
                    Description
                </label>

                <textarea name="roster_description"
                          class="form-control editor ckeditor_large"
                          rows="4">{{ old('roster_description', $roster->roster_description ?? '') }}</textarea>

            </div>

            <div class="mt-4 mb-3 border-top pt-3 d-flex">

				<input type="hidden"
					   name="status"
					   value="0">

				<div class="form-check form-switch">

					<input class="form-check-input"
						   type="checkbox"
						   name="status"
						   value="1"
						   {{ old('status', $roster->status ?? 1) ? 'checked' : '' }}>

					<label class="form-label form-check-label">
						Publish
					</label>

				</div>

			</div>

            <div class="d-flex gap-2">

                <button type="submit" class="btn btn-primary">
                    Save
                </button>

                <a href="{{ route('admin.rosters.index') }}"
                   class="btn btn-secondary">

                    Cancel

                </a>

            </div>

        </div>

    </div>

</div>

@push('scripts')
		<script src="{{ asset('admin_assets/ckeditor/ckeditor.js') }}"></script>
		<script>
			window.CKEDITOR_UPLOAD_URL =
				'{{ asset("admin_assets/ckfinder") }}/core/connector/php/connector.php?command=QuickUpload';
		</script>
		<script src="{{ asset('admin_assets/assets/js/ckeditor-large.js') }}"></script>
		<script>
			document.addEventListener('DOMContentLoaded', function () {
				initCkeditorFull();
			});
		</script>
		
		<script>

    $(document).ready(function () {

        $('.integer-only').on('input', function () {

            this.value = this.value.replace(/[^0-9]/g, '');

        });

    });

</script>
<style>
.form-select{padding-left: 13px;padding-right: 5px;}
.small-label{font-weight:normal;font-size: 11px !important;}
</style>
	@endpush