@extends('admin.layouts.main')

@section('title')
@if($edit)
Edit Reminder
@else
Add Reminder
@endif

@endsection

@section('content')
<main>
    <div class="two-col">

        @include("admin.common.sidebar")

        <div class="right-sec">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item active" aria-current="page">
                        <a href="{{ route('admin.calendar.index', ['panel' => Session::get('panel')]) }}">{{ @trans('calendar.calendar') }}</a>
                    </li>
                    @if($edit)
                        <li class="breadcrumb-item active" aria-current="page">{{ @trans('calendar.edit_reminder') }}</li>
                    @else
                        <li class="breadcrumb-item active" aria-current="page">{{ @trans('calendar.add_reminder') }}</li>
                    @endif
                </ol>
            </nav>
            <div class="form-sec">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
                            <div class="step-box">
                                <form autofill="false" method="post"
                                    action="{{ route('admin.calender.store_reminder', ['panel' => Session::get('panel') ]) }}" id="storeReminder">@csrf
                                    <div class="form-body">
                                        @if($edit)
                                        <h2 class="form-sec-title">{{ @trans('calendar.edit_reminder') }}</h2>
                                        <input type="hidden" name="id" value="{{ $reminder->id }}">
                                        @else
                                        <h2 class="form-sec-title">{{ @trans('calendar.add_reminder') }}</h2>
                                        @endif

                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('calendar.reminder_title') }} <span
                                                            class="required">*</span></label>
                                                    <input type="text" name="title" id="title" class="form-control" placeholder="Enter Reminder Title" 
                                                        value="@if($edit){{ $reminder->title ?? '' }}@endif"/>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('calendar.description') }} <span
                                                            class="required">*</span></label>
                                                    <textarea name="description" id="description" class="form-control"
                                                            placeholder="Description">@if($edit){{ $reminder->description ?? '' }}@endif</textarea>
                                                    <span></span>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('calendar.reminder_date') }} <span
                                                            class="required">*</span></label>
                                                    <input type="text" name="date" id="date" class="form-control bg-white" readonly placeholder="Enter Reminder Date"
                                                        value="@if($edit){{ date('d/m/Y', strtotime($reminder->date)) ?? '' }}@endif" />
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('calendar.reminder_time') }} <span
                                                            class="required">*</span></label>
                                                    <input type="text" name="time" id="time" class="form-control timepicker" placeholder="Enter Reminder Time" 
                                                        value="@if($edit){{ date('H:i', strtotime($reminder->time) ?? '') }}@endif"
                                                        onkeydown="return (event.keyCode == 9) ? true : false"/>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="dept">{{ @trans('calendar.internal_staff_members') }} <span
                                                        class="required">*</span></label>
                                                    <select class="form-control select-two" id="team_members" name="team_members[]" multiple>
                                                        <option value="" hidden="">Select</option>
                                                        @foreach($staffMembersList as $user)
                                                            <option value="{{ $user->id }}"
                                                                @if($edit)
                                                                    @foreach ($reminder->members as $member)
                                                                        @if($user->id == $member->id)
                                                                            selected
                                                                        @endif
                                                                    @endforeach
                                                                @endif
                                                                >{{ $user->full_name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div> 
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-btn">
                                        <div style="float: left;">
                                            <a href="{{ route('admin.calendar.index', ['panel' => Session::get('panel')]) }}"
                                                class="btn btn-cncl">{{ @trans('company.cancel') }}</a>
                                        </div>
                                        <div style="float:right;">
                                            <input type="submit" class="btn step-btn submit-btn"
                                                value="{{ @trans('company.save') }}">
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
@endsection

@push('pageJs')
    {!! JsValidator::formRequest('App\Http\Requests\Calendar\StoreReminder', '#storeReminder') !!}
    <script>
        $(document).ready(function() {
            
            $('#team_members').select2({
                placeholder: 'Select'
            });

            $('#date').datepicker({
                autoHide: true,
                format: 'dd/mm/yyyy',
                startDate: $().datepicker('getDate', true),
                zIndex: 2048,
            });

            $('.timepicker').timepicker({
                'timeFormat': 'H:i',
                'scrollDefault': 'now'
            });

            $('#storeReminder').on('submit', function(e) {
                e.preventDefault();
                if($('#storeReminder').valid()) {
                    $(".submit-btn").prop("disabled", true).val("Please Wait...");
                    e.currentTarget.submit();
                }
            });
        });
    </script>
@endpush