@extends('Layouts.main')
@section('container')
    <!-- Default box -->
    <div class="row">
        <div class="col-12">

            <form class="form-horizontal" action="{{ isset($id) ? url('/periode/tor/update') : url('/periode/tor/store') }}"
                method="post" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="id" value="{{ isset($id) ? $data->id : old('id') }}">
                <div class="row">
                    <div class="col-sm-6 offset-sm-2">
                        <div class="form-group row">
                            <label for="periode" class="col-sm-3  col-form-label">
                                Periode <span class="text-danger">*</span>
                            </label>
                            <div class="col-sm-9">
                                <input type="text" name="periode"
                                    class="form-control @error('periode') is-invalid @enderror" id="periode"
                                    value="{{ isset($id) ? old('periode', $data->periode) : old('periode') }}"
                                    placeholder="20221">
                                @error('periode')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </div>
                        </div>

                        <div class="form-group row">

                            <label for="tgl_awal" class="col-sm-3  col-form-label">
                                Tgl Awal <span class="text-danger">*</span>
                            </label>
                            <div class="col-sm-9">
                                <div class="input-group date" id="tgl_awal" data-target-input="nearest">
                                    <input type="text" name="tgl_awal"
                                        class="form-control datetimepicker-input @error('tgl_awal') is-invalid @enderror"
                                        value="{{ isset($id) ? old('tgl_awal', $data->tgl_awal) : old('tgl_awal') }}"
                                        data-target="#tgl_awal" />
                                    <div class="input-group-append" data-target="#tgl_awal" data-toggle="datetimepicker">
                                        <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                                    </div>
                                    @error('tgl_awal')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="form-group row">

                            <label for="tgl_akhir" class="col-sm-3  col-form-label">
                                Tgl Akhir <span class="text-danger">*</span>
                            </label>
                            <div class="col-sm-9">
                                <div class="input-group date" id="tgl_akhir" data-target-input="nearest">
                                    <input type="text" name="tgl_akhir"
                                        class="form-control datetimepicker-input @error('tgl_akhir') is-invalid @enderror"
                                        value="{{ isset($id) ? old('tgl_akhir', $data->tgl_akhir) : old('tgl_akhir') }}"
                                        data-target="#tgl_akhir" />
                                    <div class="input-group-append" data-target="#tgl_akhir" data-toggle="datetimepicker">
                                        <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                                    </div>
                                    @error('tgl_akhir')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        {{-- <div class="form-group row">
                            <label for="active" class="col-sm-3  col-form-label">
                                Aktif
                            </label>
                            <div class="col-sm-9">
                                @if (isset($id))
                                    @php
                                        $optVal = old('active', $data->active);
                                    @endphp
                                @else
                                    @php
                                        $optVal = old('active');
                                    @endphp
                                @endif
                                <div class="icheck-primary">
                                    <input type="checkbox" name="active" id="active"
                                        {{ $optVal == 'on' ? 'checked' : '' }}>
                                    <label for="active">

                                    </label>
                                </div>
                            </div>
                        </div> --}}



                        <div class="form-group row mb-0">
                            <label for="inputEmail" class="col-sm-3  col-form-label">&nbsp;</label>
                            <div class="col-sm-9 text-right">
                                <a href="{{ url('/periode/tor') }}" class="btn">Kembali</a>
                                <button type="submit" name="simpan" class="btn btn-primary">Simpan</button>
                            </div>
                        </div>

                    </div>
                </div>

            </form>

        </div>
    </div>
    <script>
        $(document).ready(function() {

            $('#tgl_awal,#tgl_akhir').datetimepicker({
                format: "YYYY-MM-DD",
                // minDate: moment().subtract(1, "days")
            });

        });
    </script>
@endsection