@extends('adminlte::page')

@section('title', __('clinic-setting.clinic.title'))

@section('content_header')
    <h5><label class="title-underbar">{!! __('clinic-setting.clinic.title') !!}</label></h5>
@stop

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card card--sp" style="border-radius: 20px; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04);">
                <div class="card-body">

                    <p class="main-text" style="margin: 30px 0px 0px;"><sup style="color: red;">★</sup>{!! __('clinic-setting.common.input_required') !!}</p>

                    <form method="POST" action="{{ route('clinic.setting.updateClinic') }}" class="col-md-8 h-adr" style="margin: 60px 0px;" onsubmit="return validate();">
                        @csrf
                        <div class="row" style="margin-bottom: 20px;">
                            <div class="col-md-3">
                                <b class="medium-heading">{!! __('clinic-setting.clinic.clinic_name') !!}</b><sup style="color: red;">★</sup>
                            </div>
                            <div class="col-md-9">
                                @error('clinic_name')
                                    <p class="text-danger main-text">{{ $message }}</p>
                                @enderror
                                <input type="text" name="clinic_name" value="{{ old('clinic_name') ?? $clinic->name }}" class="form-control-plaintext main-text"required>
                                <hr>
                            </div>
                        </div>
                    @if(app()->isLocale('ja'))
                        <div class="row" style="margin-bottom: 20px;">
                            <div class="col-md-3">
                                <b class="medium-heading">{!! __('clinic-setting.clinic.clinic_kana') !!}</b><sup style="color: red;">★</sup>
                            </div>
                            <div class="col-md-9">
                                @error('clinic_kana')
                                    <p class="text-danger main-text">{{ $message }}</p>
                                @enderror
                                <input type="text" name="clinic_kana" value="{{ old('clinic_kana') ?? $clinic->name_hiragana }}" class="form-control-plaintext main-text"required>
                                <hr>
                            </div>
                        </div>
                    @endif

                        <div class="row" style="margin-bottom: 20px;">
                            <div class="col-md-3">
                                <b class="medium-heading">{!! __('clinic-setting.clinic.clinic_manager_name') !!}</b><sup style="color: red;">★</sup>
                            </div>
                            <div class="col-md-9">
                                <div class="row">
                                    <div class="col-md-6">
                                        <input type="text" id="manager_last_name" name="manager_last_name" class="form-control-plaintext main-text" placeholder="{!! __('clinic-setting.clinic.clinic_manager_last_name') !!}" value="{{ old('manager_last_name') ?? $clinic->manager_last_name }}" required>
                                        <hr>
                                        @error('manager_last_name')
                                        <p class="text-danger main-text">{{ $message }}</p>
                                        @enderror
                                    </div>
                                    <div class="col-md-6">
                                        <input type="text" id="manager_first_name" name="manager_first_name" class="form-control-plaintext main-text" placeholder="{!! __('clinic-setting.clinic.clinic_manager_first_name') !!}" value="{{ old('manager_first_name') ?? $clinic->manager_first_name }}" required>
                                        <hr>
                                        @error('manager_first_name')
                                        <p class="text-danger main-text">{{ $message }}</p>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!--
                        <div class="row" style="margin-bottom: 20px;">
                            <div class="col-md-3">
                                <b class="medium-heading">{!! __('clinic-setting.clinic.country') !!}</b><sup style="color: red;">★</sup>
                            </div>
                            <div class="col-md-9">
                            @error('country_id')
                                <p class="text-danger main-text">{{ $message }}</p>
                            @enderror
                                <select id="country_id" name="country_id" class="form-control" data-placeholder="{!! __('clinic.common.select.default') !!}" required>
                                    @foreach(\ClinicHelper::countryForForm() as $key => $value)
                                        @if (old('country_id') && $key === (int) old('country_id'))
                                            <option value="{{ $key }}" selected>{{ $value }}</option>
                                        @elseif ((int)$clinic->country_id === $key)
                                            <option value="{{ $key }}" selected>{{ $value }}</option>
                                        @else
                                            <option value="{{ $key }}">{{ $value }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        -->

                        <div id="container_postal_code_jp" class="row" style="margin-bottom: 20px;">
                            <div class="col-md-3">
                                <b class="medium-heading">{!! __('clinic-setting.clinic.postal_code') !!}</b><sup style="color: red;">★</sup>
                            </div>
                            <div class="col-md-9">
                                @error('postal_first_code')
                                    <p class="text-danger main-text">{{ $message }}</p>
                                @enderror
                                @error('postal_last_code')
                                    <p class="text-danger main-text">{{ $message }}</p>
                                @enderror
                                <div class="row d-flex align-items-center">
                                    <div class="col-md-6">
                                        <div class="input-group d-flex align-items-center justify-content-center main-text">
                                            <input type="text" name="postal_first_code" class="form-control main-text" maxlength="3"
                                                   value="{{ old('postal_first_code') ?? $clinic->country_id == $countryIdJapan ? \Str::before($clinic->postal_code, '-') : '' }}" onKeyUp="postalCodeApiDriver.postalCode2Addr('postal_first_code', 'postal_last_code', 'prefecture_code', 'city', 'street_address', '{{\App::getLocale()}}');" required>
                                            <span class="p-2">-</span>
                                            <input type="text" name="postal_last_code" class="form-control main-text" maxlength="4"
                                           value="{{ old('postal_last_code') ?? $clinic->country_id == $countryIdJapan ? \Str::after($clinic->postal_code, '-') : '' }}" onKeyUp="postalCodeApiDriver.postalCode2Addr('postal_first_code', 'postal_last_code', 'prefecture_code', 'city', 'street_address', '{{\App::getLocale()}}');" required>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <sup class="text-primary main-text">{!! __('clinic-setting.clinic.postal_code_text') !!}</sup>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!--
                        <div id="container_postal_code_en" class="row" style="margin-bottom: 20px;">
                            <div class="col-md-3">
                                <b class="medium-heading">{!! __('clinic-setting.clinic.postal_code') !!}</b><sup style="color: red;"></sup>
                            </div>
                            <div class="col-md-9">
                                @error('postal_code')
                                    <p class="text-danger main-text">{{ $message }}</p>
                                @enderror
                                    <div class="input-group d-flex align-items-center justify-content-center main-text">
                                        <input type="text" name="postal_code" class="form-control main-text" maxlength="10" value="{{ old('postal_code') ?? $clinic->postal_code }}">
                                    </div>
                            </div>
                        </div>
                        -->

                        <div id="container_prefecture_code" class="row" style="margin-bottom: 20px;">
                            <div class="col-md-3">
                                <b class="medium-heading">{!! __('clinic-setting.clinic.prefecture') !!}</b><sup style="color: red;">★</sup>
                            </div>
                            <div class="col-md-9">
                                @error('prefecture_code')
                                    <p class="text-danger main-text">{{ $message }}</p>
                                @enderror
                                <!--<span class="p-country-name" style="display:none;">Japan</span>
                                <select name="prefecture_code" class="form-control p-region-id main-text" required>-->
                                <select name="prefecture_code" class="form-control main-text" required>
                                    @foreach(\ClinicHelper::prefectureForForm() as $key => $value)
                                        @if (old('prefecture_code') && $key === (int) old('prefecture_code'))
                                            <option value="{{ $key }}" selected>{{ $value }}</option>
                                        @elseif ((int)$clinic->prefecture_code === $key)
                                            <option value="{{ $key }}" selected>{{ $value }}</option>
                                        @else
                                            <option value="{{ $key }}">{{ $value }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <!--
                        <div id="container_prefecture_en" class="row" style="margin-bottom: 20px;">
                            <div class="col-md-3">
                                <b class="medium-heading">{!! __('clinic-setting.clinic.state') !!}</b><sup style="color: red;">★</sup>
                            </div>
                            <div class="col-md-9">
                                @error('prefecture')
                                    <p class="text-danger main-text">{{ $message }}</p>
                                @enderror
                                <input type="text" name="prefecture" class="form-control" value="{{ old('prefecture') ?? $clinic->prefecture }}" required>
                            </div>
                        </div>
                        -->

                        <div class="row" style="margin-bottom: 20px;">
                            <div class="col-md-3">
                                <b class="medium-heading">{!! __('clinic-setting.clinic.city') !!}</b><sup style="color: red;">★</sup>
                            </div>
                            <div class="col-md-9">
                                @error('city')
                                    <p class="text-danger main-text">{{ $message }}</p>
                                @enderror
                                <input type="text" name="city" value="{{ old('city') ?? $clinic->city }}" class="form-control-plaintext main-text" placeholder="{!! __('clinic-setting.clinic.city') !!}" required>
                                <hr>
                            </div>
                        </div>

                        <div class="row" style="margin-bottom: 20px;">
                            <div class="col-md-3">
                                <b class="medium-heading">{!! __('clinic-setting.clinic.street_address') !!}</b><sup style="color: red;">★</sup>
                            </div>
                            <div class="col-md-9">
                                @error('street_address')
                                    <p class="text-danger main-text">{{ $message }}</p>
                                @enderror
                                <input type="text" name="street_address" value="{{ old('street_address') ?? $clinic->street_address }}" class="form-control-plaintext main-text" placeholder="{!! __('clinic-setting.clinic.street_address') !!}" required>
                                <hr>
                            </div>
                        </div>

                        <div class="row" style="margin-bottom: 20px;">
                            <div class="col-md-3">
                                <b class="medium-heading">{!! __('clinic-setting.clinic.address') !!}</b>
                            </div>
                            <div class="col-md-9">
                                @error('address')
                                    <p class="text-danger main-text">{{ $message }}</p>
                                @enderror
                                <input type="text" name="address" value="{{ old('address') ?? $clinic->address }}" class="form-control-plaintext main-text" placeholder="{!! __('clinic-setting.clinic.address') !!}">
                                <hr>
                            </div>
                        </div>

                        <div class="row" style="margin-bottom: 20px;">
                            <div class="col-md-3">
                                <b class="medium-heading">{!! __('clinic-setting.clinic.tel') !!}</b><sup style="color: red;">★</sup>
                            </div>
                            <div class="col-md-9">
                                <div class="row">
                                    <div class="col-md-6">
                                        @error('phone_number')
                                            <p class="text-danger main-text">{{ $message }}</p>
                                        @enderror
                                        <div class="input-group">
                                          <input type="tel" name="phone_number" value="{{ old('phone_number') ?? $clinic->phone_number }}" class="form-control-plaintext main-text" placeholder="" required>
                                        </div>
                                        <hr>
                                    </div>
                                    <div class="col-md-6" style="line-height:45px;">
                                        <!--
                                        <sup id="tel_note" class="text-primary main-text">{{__('clinic-setting.clinic.tel_note')}}</sup>
                                        <sup id="tel_note_dominican" class="text-primary main-text">{{__('clinic-setting.clinic.tel_note_dominican')}}</sup>
                                        -->
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row" style="margin-bottom: 20px;">
                            <div class="col-md-3">
                                <b class="medium-heading">{!! __('clinic-setting.clinic.clinic_category') !!}</b><sup style="color: red;">★</sup>
                            </div>
                            <div class="col-md-6">
                                @error('clinic_category')
                                    <p class="text-danger main-text">{{ $message }}</p>
                                @enderror
                                <select name="clinic_category" class="form-control main-text" required disabled="true">
                                    @foreach(\ClinicHelper::medicalCategoryForForm() as $key => $value)
                                        @if (old('clinic_category') && $key === (int) old('clinic_category'))
                                            <option value="{{ $key }}" selected>{{ $value }}</option>
                                        @elseif ($clinic->clinicCategory->medical_category_id === $key)
                                            <option value="{{ $key }}" selected>{{ $value }}</option>
                                        @else
                                            <option value="{{ $key }}">{{ $value }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        @php
                        if (old('clinic_interest')) {
                            $clinicInterests = old('clinic_interest');
                        } else if ($clinic && $clinic->clinicInterests) {
                            $clinicInterests = $clinic->clinicInterests->pluck('interest_id')->toArray();
                        } else {
                            $clinicInterests = [];
                        }
                        @endphp
                        @include('clinic.formparts.interests', ['clinicInterests' => $clinicInterests])
                        @error('clinic_interest')
                        <p class="text-danger main-text">{{ $message }}</p>
                        @enderror

                        <div class="col-md-12" style="margin:60px 0px;">
                            <div class="row">
                                <div class="col-md-6">
                                    <a href="{{ route('clinic.setting.index') }}" class="btn btn-block button-back btn-lg rounded-pill">{!! __('clinic.common.back') !!}</a>
                                </div>
                                <div class="col-md-6">
                                    <button type="submit" class="btn btn-block button-go btn-lg rounded-pill">{!! __('clinic.common.update') !!}</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
    <link href="/css/progressbar.css" rel="stylesheet">
    <link rel="stylesheet" href="/vendor/select2/select2.min.css">
    <style>
        .select2-selection__rendered {
            line-height: 25px !important;
        }
        .select2-container .select2-selection--single {
            height: 35px !important;
        }
        .select2-selection__arrow {
            height: 34px !important;
        }
    </style>
@stop

@section('js')
    <script src="https://recursive-co-jp.github.io/postal-code-api-driver/api/v1/postalCodeApiDriver.js"></script>
    <script type="text/javascript" src="/vendor/select2/select2.min.js"></script>
    <script type="text/javascript" src="/vendor/select2/ja.js"></script>
    <script src="/js/clinicInfoValidation.js"></script>
    <script src="/js/signup/interest.js"></script>
    <script>
        $(function() {
            // 国ID
            const CONST_COUNTRY_ID_JAPAN = {{$countryIdJapan}};
            const CONST_COUNTRY_ID_DOMINICAN_REPUBLIC = {{$countryIdDominican}};

            // [国]選択変更イベント(特定入力項目表示/非表示制御)
            $('select#country_id').change(function(){
                if($(this).val() == "" || $(this).val() == CONST_COUNTRY_ID_JAPAN){
                    $('select[name="prefecture_code"]').prop('disabled', false);
                    $('input[name="postal_first_code"]').prop('disabled', false);
                    $('input[name="postal_last_code"]').prop('disabled', false);
                    $('input[name="prefecture"]').prop('disabled', true);
                    $('input[name="postal_code"]').prop('disabled', true);
                    $('#container_prefecture_code').show();
                    $('#container_postal_code_jp').show();
                    $('#container_prefecture_en').hide();
                    $('#container_postal_code_en').hide();
                    $('#tel_note_dominican').hide();
                }else{
                    $('select[name="prefecture_code"]').prop('disabled', true);
                    $('input[name="postal_first_code"]').prop('disabled', true);
                    $('input[name="postal_last_code"]').prop('disabled', true);
                    $('input[name="prefecture"]').prop('disabled', false);
                    $('input[name="postal_code"]').prop('disabled', false);
                    $('#container_prefecture_en').show();
                    $('#container_postal_code_en').show();
                    $('#container_prefecture_code').hide();
                    $('#container_postal_code_jp').hide();
                    if($(this).val() == CONST_COUNTRY_ID_DOMINICAN_REPUBLIC){
                        $('#tel_note').hide();
                        $('#tel_note_dominican').show();
                    }else{
                        $('#tel_note').show();
                        $('#tel_note_dominican').hide();
                    }
                }
            });

            // [国]選択プルダウンを初期化
            $('select#country_id').select2({
                language: "{{\App::currentLocale();}}"
            });

            // 国に応じて入力項目を表示/非表示
            $('select#country_id').change();
        });
    </script>
    @if ($clinic->clinicCategory->medical_category_id)
    <script>
    //ページに開いたときに興味項目を限定
        updateInterestForm("{{$clinic->clinicCategory->medical_category_id}}");
    </script>
    @endif
@stop