{{-- input --}}
{{--
    $name:name属性を指定
    $value:値を指定
    $class:追加のclass名を指定
    $placeholder:プレースホルダーに表示する値を指定
--}}
@php
    $uid = \Ramsey\Uuid\Uuid::uuid4()->toString();
    $checkCalPicker = isset($class) ? strpos($class, 'cal_picker') : false;
@endphp
<input type="text" name="{{$name}}" id="{{$uid}}" class="c-input {{$class??''}}" value="{{$value??''}}"
       placeholder="{{$placeholder??''}}"/>
@if($checkCalPicker !== false && isset($showBtnToday) && $showBtnToday)
    @if(isset($btnCenter))
    <div class="d-flex justify-content-center">
        <div class="c-input btn-set-today btn-set-today-{{$id??$uid}}" readonly>今日</div>
    </div>
    @elseif(isset($hideSetToday) && $hideSetToday)
    @else
        <div class="c-input btn-set-today btn-set-today-{{$id??$uid}}" readonly>今日</div>
    @endif
@endif
<script>
    $(document).ready(function () {

        var datePick = $("#{{$uid}}.cal_picker").datepicker({
            format: "yyyy-mm-dd",
            locale: 'ja',
            language: 'ja',
            weekStart: 1,
            todayHighlight: true,
            autoclose: true,
        });

        datePick.datepicker('update', {!! json_encode($value ?? '') !!});

        $('.btn-set-today-{{$uid}}').on('click', function () {
            var today = new Date().toISOString().slice(0, 10);
            datePick.datepicker('update', today);
        })
    })
</script>