@extends('layouts.userLayout')
@section('content')
    <!-- Breadcrumb Starts -->
    {{-- <div class="breadcrumb_bg_img">
	<div class="page_heading">Leaves Module</div>
</div> --}}
    <!-- Breadcrumb Ends -->

    <!-- ==== My Profile Section Start ==== -->
    <section class="dashboard_section edit_profile_section add_task">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="dashboard_sec_area">
                        <div class="dashboard_inner_area">
                            <div class="left_sidebar d-lg-block d-none">
                                @include('user.dashboard.sidebar')
                            </div>
                            <div class="right_sec_area">
                                <div class="edit_profile_area">
                                    <div class="form_area_box">
                                        @include('user.partials.flash_messages')
                                        <form
                                            action=""
                                            method="post"
                                            id="addTaskForm"
                                            class="form-validation"
                                        >
                                            {{ csrf_field() }}
                                            <div class="row">
                                                <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                    <div class="form-group">
                                                        <label class="form-control-label">From Date</label>
                                                        <input
                                                            type="date"
                                                            class="form-control"
                                                            min="2026-07-01"
                                                            max="9999-12-31"
                                                            name="leave_from_date"
                                                            value="{{ old('leave_from_date') }}"
                                                            id="leave_from_date"
                                                            required
                                                        />
                                                        <label
                                                            id="leave_from_date-error"
                                                            class="error"
                                                            for="leave_from_date"
                                                        >
                                                            @error('leave_from_date')
                                                                {{ $message }}
                                                            @enderror
                                                        </label>
                                                    </div>
                                                </div>
                                                <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                                    <div class="form-group">
                                                        <label class="set_label">To Date</label>
                                                        <input
                                                            type="date"
                                                            class="form-control"
                                                            value="{{ old('leave_to_date') }}"
                                                            min="2026-07-01"
                                                            max="9999-12-31"
                                                            name="leave_to_date"
                                                            id="leave_to_date"
                                                            required
                                                        />
                                                        <label
                                                            id="leave_to_date-error"
                                                            class="error"
                                                            for="leave_to_date"
                                                        >
                                                            @error('leave_to_date')
                                                                {{ $message }}
                                                            @enderror
                                                        </label>
                                                    </div>
                                                </div>
                                                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                    <div class="form-group">
                                                        <label class="set_label">Subject</label>
                                                        <input
                                                            type="text"
                                                            class="form-control"
                                                            value="{{ old('subject') }}"
                                                            name="subject"
                                                            required
                                                        />
                                                    </div>
                                                </div>
                                                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                                    <div class="form-group">
                                                        <label class="set_label">Reason</label>
                                                        <textarea
                                                            class="form-control"
                                                            name="reason"
                                                            rows="3"
                                                            required
                                                        >{{ old('reason') }}</textarea>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
													<div class="form-group">
														<label class="set_label">Upload Documents</label>
														<div
															class="upload-image-section"
															data-type="image_files_upload"
															data-multiple="false"
															data-path="leaves"
															data-resize-large="1000*1000"
															data-resize-medium="800*800"
															data-resize-small="500*500"
														>
															<div class="upload-section">
																<div class="button-ref mb-3">
																	<button class="btn btn-icon btn-success btn-lg"
																		type="button"
																	>
																		<span class="btn-inner--icon"><i
																				class="fas fa-upload"></i></span>
																		<span class="btn-inner--text">Upload Image</span>
																	</button>
																	{{-- @include('admin.partials.recommended_size', ['width' => '450', 'height' => "550 px"])<br> --}}
																</div>
																<small>Allowed files: JPG, JPEG, PNG, PDF </small>
																<!-- PROGRESS BAR -->
																<div class="progress d-none">
																	<div
																		class="progress-bar bg-default"
																		role="progressbar"
																		aria-valuenow="0"
																		aria-valuemin="0"
																		aria-valuemax="100"
																		style="width: 0%;"
																	></div>
																</div>
															</div>
															<!-- INPUT WITH FILE URL -->
															<textarea
																class="required_upload_field d-none"
																required
																name="file"
															>
																{{ old('file') }}
															</textarea>
															<div class="show-section {{ !old('file') ? 'd-none' : '' }}">
																@include('admin.partials.previewFileRender', [
																	'file' => old('file'),
																])
															</div>
														</div>
													</div>
                                                    <!-- FILE OR IMAGE UPLOAD. FOLDER PATH SET HERE in data-path AND CHANGE THE data-multiple TO TRUE SEE MAGIC  -->
                                                </div>
                                            </div>
                                            <div class="button_row">
                                                <button type="submit" class="btn-primary">Submit</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="bg_image d-xl-block d-none">
                                <img src="{{ url('frontend/images/pencil_img.png') }}" alt="..." />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==== My Profile Section End ==== -->
@endsection