@extends('payroll.employee_frontend.layouts.employee')
@section('content')
    <section>
        <div class="col-12 mt-4">
            <h2 class="page-title text-center">Add Holiday OT Request</h2>
            <div class="mb-2 heading-border"></div>
        </div>
    </section>
    <section class="px-3  pt-3 pt-lg-5 row">

        <div class="col-12 mb-4">
            <div class="blu-card d-flex flex-wrap">

                <div class="col-12">
                    @if (session('success'))
                        <div class="alert alert-success" id="hide-alert">
                            {{ session('success') }}
                        </div>
                    @endif
                    @if ($errors->any())
                        <div class="alert alert-danger" id="hide-alert">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                </div>

                <form class="leave-form col-12 col-md-6" action="{{ route('employee.holidayOtrequest.store') }}"
                    enctype="multipart/form-data" method="POST">
                    @csrf
                    <div class="d-flex flex-wrap">
                        <div class="form-group col-12">
                            <label>Date </label>
                            <input type="date" value="{{ old('date') }}" name="date" class="form-control" />
                        </div>
                        <div class="form-group col-12">
                            <label>Note</label>
                            <textarea class="form-control" name="note" rows="3" cols="3">{{ old('note') }}</textarea>
                        </div>
                        <div class="form-group col-12">
                            <button type="submit" class="btn btn-primary px-4 btn-sm">Submit</button>
                            <a href='{{ route('employee.holidayOtrequest.index') }}' type="button"
                                class="btn btn-success px-4 btn-sm">Back</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>

    </section>
@endsection