@extends('adminlte::page')

@section('title', $title)

@section('content_header')
<h5><label class="title-underbar">{{ $title }}</label></h5>
@stop

@section('content')
<x-admin.success-flush-message />
<x-admin.error-flush-message />
<x-admin.validation-message />
@if ($errors->any())
    @foreach ($errors->all() as $error)
        <div class="alert alert-danger">{{ $error }}</div>
    @endforeach
@endif
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-body">
                <div class="stepBar" style="margin-bottom:60px;">
                    <li class="visited"><b>内容</b><br><span style="font-size: 24px;">1</span></li>
                    <li><b>対象医院</b><br><span style="font-size: 24px;">2</span></li>
                </div>
                @if(Gate::forUser(\Auth::user())->allows('employeeOperation', 'event|2'))
                <form method="POST" action="{{ route('admin.event.' . \Arr::get($request, 'edit_mode', '') . 'Step2', \Arr::get($request, 'group_id', '')) }}" class="form-group mt-3" enctype='multipart/form-data'>
                    @csrf
                    <div class="form-group row">
                        <label for="internal_name" class="col-sm-1 col-form-label">タイトル</label>
                        <div class="col-sm-8">
                            <input type="text" name="title" class="form-control" placeholder="件名を入力してください" value="{!! \Arr::get($request, 'title', '') !!}">
                        </div>
                    </div>

                    @php
                        $dateTime = new DateTime();
                        $minuteInput = round($dateTime->format('i'), -1);
                        $minuteInput = $minuteInput == 60 ? 0 : $minuteInput;
                    @endphp
                    <div class="form-group row">
                        <label for="internal_name" class="col-sm-1 col-form-label">日時</label>
                        <div class="col-sm-3">
                            <div style="display:flex;">
                                <input class="form-control" type="date" id="start_at_date" name="start_at_date" value="{{ \Arr::get($request, 'start_at_date', '') ?: $dateTime->format("Y-m-d"); }}">
                                <input
                                  id="start_at_time"
                                  class="form-control"
                                  type="time"
                                  list="data-list"
                                  name="start_at_time"
                                  min="00:00"
                                  max="23:50"
                                  step="600"
                                  value="{{ \Arr::get($request, 'start_at_time', '') ?: $dateTime->format('H:') . str_pad($minuteInput, 2, 0, STR_PAD_LEFT); }}"
                                /><span></span>
                                <datalist id="data-list">
                                @for($hour = 0; $hour < 24; $hour++)
                                    @for($minute = 0; $minute < 60; $minute += 10)
                                        <option value="{{ str_pad($hour, 2, 0, STR_PAD_LEFT) }}:{{ str_pad($minute, 2, 0, STR_PAD_LEFT) }}"></option>
                                    @endfor
                                @endfor
                                </datalist>
                            </div>
                        </div>
                        <div class="text-center"><span style="vertical-align:sub;">～</span></div>
                        <div class="col-sm-3">
                            <div style="display:flex;">
                                @php
                                    $dateTime->add(new DateInterval('PT1H'));
                                @endphp
                                <input class="form-control" type="date" id="end_at_date" name="end_at_date" value="{{ \Arr::get($request, 'end_at_date', '') ?: $dateTime->format("Y-m-d"); }}">
                                <input
                                  id="end_at_time"
                                  class="form-control"
                                  type="time"
                                  list="data-list"
                                  name="end_at_time"
                                  min="00:00"
                                  max="23:50"
                                  step="600"
                                  value="{{ \Arr::get($request, 'end_at_time', '') ?: $dateTime->format('H:') . str_pad($minuteInput, 2, 0, STR_PAD_LEFT); }}"
                                /><span></span>
                                <datalist id="data-list">
                                @for($hour = 0; $hour < 24; $hour++)
                                    @for($minute = 0; $minute < 60; $minute += 10)
                                        <option value="{{ str_pad($hour, 2, 0, STR_PAD_LEFT) }}:{{ str_pad($minute, 2, 0, STR_PAD_LEFT) }}"></option>
                                    @endfor
                                @endfor
                                </datalist>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="internal_name" class="col-sm-1 col-form-label"></label>
                        <div class="col-sm-5">
                            <input type="checkbox" id="is_all_day" name="is_all_day" value="1" {!! \Arr::get($request, 'is_all_day', '') == 1 ? 'checked="checked"' : ''; !!}>
                            <label for="is_all_day" style="font-weight: 400;">終日</label>
                        </div>
                        @if (isset($repairRequest))
                            <div class="col-sm-5">
                                <a href="{{ route('smartsupport.admin.repairRequests.show', ['id' => $repairRequest->id ]) }}">修理依頼{{ $repairRequest->repair_request_num }}</a>
                            </div>
                        @endif
                    </div>
                    <div class="form-group row">
                        <label for="internal_name" class="col-sm-1 col-form-label">説明</label>
                        <div class="col-sm-8">
                            <textarea class="form-control" name="explanation" id="summernote">{!! $explanation !!}</textarea>
                        </div>
                    </div>
                    <div class="col-md-9" style="margin:50px 0px">
                        <div class="row">
                            <div class="col-md-6">
                                <button type="button" id="btn-back" class="btn btn-block button-back btn-lg rounded-pill" onclick="location.href='{{ route('admin.event.index') }}'">キャンセル</button>
                            </div>
                            <div class="col-md-6">
                                <button type="submit" id="btn-submit" class="btn btn-block button-go btn-lg rounded-pill">続ける</button>
                            </div>
                        </div>
                    </div>
                    <input type="hidden" name="is_domestic_dentistry" value="{{ \Arr::get($request, 'is_domestic_dentistry', '') }}">
                    <input type="hidden" name="is_domestic_veterinary" value="{{ \Arr::get($request, 'is_domestic_veterinary', '') }}">
                    <input type="hidden" name="is_domestic_medical" value="{{ \Arr::get($request, 'is_domestic_medical', '') }}">
                    <input type="hidden" name="is_domestic_others" value="{{ \Arr::get($request, 'is_domestic_others', '') }}">
                    <input type="hidden" name="is_oversea" value="{{ \Arr::get($request, 'is_oversea', '') }}">
                    <input type="hidden" name="is_oversea_israel" value="{{ \Arr::get($request, 'is_oversea_israel', '') }}">
                    <input type="hidden" name="is_oversea_indonesia" value="{{ \Arr::get($request, 'is_oversea_indonesia', '') }}">
                    <input type="hidden" name="is_oversea_other" value="{{ \Arr::get($request, 'is_oversea_other', '') }}">
                    <input type="hidden" name="is_video_chat" value="{{ \Arr::get($request, 'is_video_chat', '') }}">
                    <input type="hidden" name="employee_id" value="{{ \Arr::get($request, 'employee_id', '') }}">
                    @php
                        $aryTargetClinicId = \Arr::get($request, 'target_clinic_id', '');
                    @endphp
                    @if (isset($repairRequest))
                        <input type="hidden" name="target_clinic_id[]" value="{{ $repairRequest->clinic[0]->id }}_{{ $repairRequest->clinic[0]->name }}">
                        <input type="hidden" name="repair_request_id" value="{{ $repairRequest->id }}">
                    @endif
                    @if(!empty($aryTargetClinicId))
                        @foreach($aryTargetClinicId as $index => $targetClinicInfo)
                            <input type="hidden" name="target_clinic_id[{{ $index }}]" value="{{ $targetClinicInfo }}">
                        @endforeach
                    @endif
                    @if(!empty($files))
                        @foreach($files as $id => $file)
                            <input type="hidden" name="files[{{$id}}][id]" value="{{ \Arr::get($file, 'id') }}">
                            <input type="hidden" name="files[{{$id}}][name]" value="{{ \Arr::get($file, 'name') }}">
                        @endforeach
                    @endif
                    <input type="hidden" name="group_id" value="{{ \Arr::get($request, 'group_id', '') }}">
                    <input type="hidden" name="edit_mode" value="{{ \Arr::get($request, 'edit_mode', '') }}">
                    <input type="hidden" name="save_mode" value="{{ \Arr::get($request, 'save_mode', '') }}">
                    <input type="hidden" name="is_designated_clinic_org" value="{{ \Arr::get($request, 'is_designated_clinic_org', '') }}">
                    <input type="hidden" name="target_clinic_id_org" value="{{ \Arr::get($request, 'target_clinic_id_org', '') }}">
                    <input type="hidden" name="files_id_org" value="{{ \Arr::get($request, 'files_id_org', '') }}">
                </form>
                @endif
            </div>
        </div>
    </div>
</div>
@stop

@section('js')
<script type="text/javascript" src="/vendor/summernote/summernote-bs4.min.js"></script>
<script type="text/javascript" src="/vendor/summernote/lang/summernote-ja-JP.js"></script>
<script>
$(function() {
    // 説明欄初期化処理
    $('#summernote').summernote({
        lang: 'ja-JP',
        placeholder: '内容を入力してください',
        tabsize: 2,
        height: 300
    });

    // 終日チェックボックス押下時処理
    $('input#is_all_day').on('change', function(){
        let isChecked = $(this).prop('checked')
        if(isChecked){
            if($('input#start_at_date').val() && $('input#start_at_time').val()){
                $('input#start_at_time').val('00:00');
            }else{
                let dateObj = new Date();
                let todayStr = dateObj.getFullYear() + '-' + (dateObj.getMonth()+1).toString().padStart(2, "0") + '-' + dateObj.getDate().toString().padStart(2, "0");
                $('input#start_at_date').val(todayStr);
                $('input#start_at_time').val('00:00');
            }

            let dateObjStartAt = new Date($('input#start_at_date').val() + ' ' + $('input#start_at_time').val());
            let dateObjEndAt = new Date($('input#end_at_date').val() + ' ' + $('input#end_at_time').val());
            if($('input#end_at_date').val() && $('input#end_at_time').val() && dateObjStartAt.getTime() < dateObjEndAt.getTime()){
                let hour = dateObjEndAt.getHours();
                let min = dateObjEndAt.getMinutes();
                if(hour != 0 || min != 0){
                    dateObjEndAt.setDate(dateObjEndAt.getDate() + 1);
                    let tomorrowStr = dateObjEndAt.getFullYear() + '-' + (dateObjEndAt.getMonth()+1).toString().padStart(2, "0") + '-' + dateObjEndAt.getDate().toString().padStart(2, "0");
                    $('input#end_at_date').val(tomorrowStr);
                    $('input#end_at_time').val('00:00');
                }
            }else{
                let dateObjStartAt = new Date($('input#start_at_date').val() + ' ' + $('input#start_at_time').val());
                dateObjStartAt.setDate(dateObjStartAt.getDate() + 1);
                let tomorrowStr = dateObjStartAt.getFullYear() + '-' + (dateObjStartAt.getMonth()+1).toString().padStart(2, "0") + '-' + dateObjStartAt.getDate().toString().padStart(2, "0");
                $('input#end_at_date').val(tomorrowStr);
                $('input#end_at_time').val('00:00');
            }
        }
        $('input#start_at_date, input#start_at_time, input#end_at_date, input#end_at_time').prop('readonly', isChecked);
    });

    // 日付入力欄の初期化
    let isAllDayChecked = $('input#is_all_day').prop('checked');
    $('input#start_at_date, input#start_at_time, input#end_at_date, input#end_at_time').prop('readonly', isAllDayChecked);
});
</script>
@stop

@section('css')
<link rel="stylesheet" href="/vendor/summernote/summernote-bs4.min.css">
<link rel="stylesheet" href="/css/admin_custom.css">
<link href="/css/progressbar.css" rel="stylesheet">
@stop