@extends('adminlte::page')

@section('title', '利用規約改定日時更新')

@section('content_header')
    <h5><label class="title-underbar">規約改定日時更新</label></h5>
@stop
@section('content')
    <x-admin.success-flush-message />
    <x-admin.error-flush-message />
    <x-admin.validation-message />
    <div class="row">
        <div class="col-md-6">
            <p><b>前回の改定日時：{{$termUpdatedAt}}</b></p>
        </div>
    </div>
    
    <form method="POST" action="{{ route('admin.termDatetime.store') }}">
        @csrf
        <div class="row">
            <label for="internal_name" class="col-md-2 col-form-label">改定日時</label>
            <div class="col-md-2">
              <div class="form-check" style="padding-top:5px;">
                <input class="form-check-input" type="checkbox" value="1" name="is_input_datetime" id="is_input_datetime" {{ old('is_input_datetime') ? 'checked="checked"' : ''; }}>
                <label class="form-check-label" for="is_input_datetime">
                  日時を指定する
                </label>
              </div>
            </div>
            <div class="col-md-2">
              <div class="form-check">
                <input class="form-control" type="datetime-local" name="term_updated_at" value="{{ old('term_updated_at') ?? date( "Y-m-d\TH:i"); }}" id="term_updated_at" disabled>
              </div>
            </div>
        </div>
        <div class="row" style="margin-bottom:15px;">
            <div class="col-md-2"></div>
            <div class="col-md-6"><small>※日時の指定がない場合、改定日時は現在日時で更新されます。指定する場合は現在より前の日時をご入力ください。</small></div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <button type=submit class="btn btn-block button-go btn-lg rounded-pill">改定日時を更新する</button>
            </div>
        </div>
    </form>
@stop

@section('js')
<script>
$(function() {
    $('#is_input_datetime').change(function(){
        if($(this).prop('checked')){
            $('#term_updated_at').prop('disabled', false);
        }else{
            $('#term_updated_at').prop('disabled', true);
        }
    });
});
</script>
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
@stop