@extends("layouts.admin.app")

@section("page-title")
{{__("Dashboard")}}
@endSection

@section("page-nav-title")
<div class="app-title">
    <div>
        <h1><i class="fa fa-dashboard"></i>{{__("Vacations")}}</h1>
        <p>{{__("Create Vacation")}}</p>
    </div>
    <ul class="app-breadcrumb breadcrumb">
        <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
        <li class="breadcrumb-item"><a href="#">{{__("Dashboard")}}</a></li>
        <li class="breadcrumb-item"><a href="{{route("admin.vacations.index")}}">{{__("Vacations")}}</a></li>
        <li class="breadcrumb-item"><a href="#">{{__("create")}}</a></li>
    </ul>
</div>
@endsection

@section("content")
<div class="row">
    <div class="col-lg-10 m-auto">
        <div class="tile">
            <h3 class="tile-title">{{__("Create Vacation")}}</h3>
            <div class="tile-body">
                <form method="post" action="{{route("admin.vacations.store")}}" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="form-group">
                                <label class="col-form-label">{{__("description")}}</label>
                                <textarea class="form-control @if($errors->has(" description")) is-invalid @endif" name="description">{{inputValue("description")}}</textarea>
                                @error("description")
                                <div class="input-error" style="padding-top: 10px">{{$message}}</div>
                                @enderror
                            </div>
                        </div>
                        @php
                        $current = \Carbon\Carbon::now();
                        @endphp
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="col-form-label">{{__("date_from")}}</label>
                                <input class="form-control @if($errors->has('date_from')) is-invalid @endif" type="date" id="date_from" name="date_from" value="{{inputValue("date_from")}}">
                                @error("date_from")
                                <div class="input-error" style="padding-top: 10px">{{$message}}</div>
                                @enderror
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group">
                                <label class="col-form-label">{{__("date_to")}}</label>
                                <input class="form-control @if($errors->has('date_to')) is-invalid @endif" type="date" id="date_to" min="" name="date_to" value="{{inputValue("date_to")}}">
                                @error("date_to")
                                <div class="input-error" style="padding-top: 10px">{{$message}}</div>
                                @enderror
                            </div>
                        </div>
                    </div>
                    <div class="tile-footer">
                        <button class="btn btn-primary" type="submit"><i class="fa fa-fw fa-lg fa-check-circle"></i> {{__("create")}}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@section("scripts")
<!-- Data table plugin-->
<script type="text/javascript" src="{{asset('assets/js/plugins/jquery.dataTables.min.js')}}"></script>
<script type="text/javascript" src="{{asset('assets/js/plugins/dataTables.bootstrap.min.js')}}"></script>
<script type="text/javascript">
    $('#sampleTable').DataTable();
</script>
<script>
    $(document).ready(function() {
        $("#date_from").change(function() {
            let data_from = $(this).val();
            $("#date_to").attr("min", data_from);
        });
    });
</script>
@endsection