@extends('petugas.layouts.layout_dashboard')

@section("title") Tambah @endsection

@section("breadcrumb")
    <li class="breadcrumb-item"><a href="{{route('petugas.dashboard.index')}}">Dashboard</a></li>
    <li class="breadcrumb-item"><a href="{{route('petugas.libur_khusus.index')}}">Hari Libur Khusus</a></li>
    <li class="breadcrumb-item">@yield("title")</li>
@endsection

@section("content")

    <div class="row">
        <div class="col-md-12">
            <div class="card ">
                <div class="card-header card-header-rose card-header-icon">
                    <div class="card-icon">
                        <i class="material-icons">add</i>
                    </div>
                    <h4 class="card-title">Tambah Hari Libur Khusus</h4>
                </div>
                <div class="card-body ">
                    <div class="row">
                        <div class="col-md-6">
                        </div>
                        <div class="col-md-6 text-right">
                            <a href="{{route('petugas.libur_khusus.index')}}" class="ml-1 btn btn-rose btn-sm">
                                Kembali
                            </a>
                        </div>
                    </div>

                    {{ Form::open(['route' => 'petugas.libur_khusus.store','enctype'=>"multipart/form-data"]) }}

                    <div class="row ">
                        <label for="nama_libur" class="col-sm-2 col-form-label">Nama Libur *</label>
                        <div class="col-sm-9">
                            <div class="form-group ">

                                {{ Form::text('nama_libur', null, [
                                        'id'=>"nama_libur" ,
                                        'class' => 'form-control',
                                        'placeholder' => '...'
                                    ])
                                }}

                            </div>
                            @error('nama_libur')
                            <span class="bmd text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                    <div class="row ">
                        <label for="tanggal_awal" class="col-sm-2 col-form-label">Tanggal *</label>
                        <div class="col-sm-9">
                            <div class="form-group ">

                                {{ Form::text('tanggal_awal', null, [
                                        'id'=>"tanggal_awal" ,
                                        'class' => 'form-control datepicker',
                                        'placeholder' => '...'
                                    ])
                                }}

                            </div>
                            @error('tanggal_awal')
                            <span class="bmd text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                    <div class="row ">
                        <label for="hingga_tanggal" class="col-sm-2 col-form-label">Hingga Tanggal *</label>
                        <div class="col-sm-9">
                            <div class="form-group ">

                                {{ Form::text('hingga_tanggal', null, [
                                        'id'=>"hingga_tanggal" ,
                                        'class' => 'form-control datepicker',
                                        'placeholder' => '...'
                                    ])
                                }}

                            </div>
                            @error('hingga_tanggal')
                            <span class="bmd text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                    <br>
                    <div class="text-center">
                        <input class="btn btn-rose btn-sm" type="submit" value="Simpan" />
                    </div>
                    {{ Form::close() }}
                </div>
            </div>
        </div>
    </div>
@endsection


@section('footer-scripts')

    <script language="JavaScript" type="text/javascript">

        $(document).ready(function() {
            // initialise Datetimepicker and Sliders
            md.initFormExtendedDatetimepickers();
            if ($('.slider').length != 0) {
                md.initSliders();
            }
        });

    </script>

@endsection