@extends('layouts.master')
@section('content')
    <!-- Main Content-->
    <div class="main-content side-content pt-0">

        <div class="main-container container-fluid">
            <div class="inner-body">

                <!-- Page Header -->
                <div class="page-header">
                    <div>
                        <h2 class="main-content-title tx-24 mg-b-5">Create Leave</h2>
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="#">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Timesheet / Leave</li>
                        </ol>
                    </div>

                </div>

            </div>



            <div class="row row-sm">
                <div class="col-lg-12">
                    <div class="card custom-card overflow-hidden">
                        <div class="card-body">
                            <div class="container">
                            @if(session('message'))
                           <div class="alert alert-success">
                           {{ session('message') }}
                          </div>
                           @endif
                                <form method="post" action="{{route('leavepost')}}">
                                @csrf
                                    <div class="row">

                                        <div class="form-group col-md-6">
                                            <div class="mb-3 font-weight-semibold">Title</div>
                                            <input type="text" name="title" class="form-control" required>
                                        </div>

                                        <div class="form-group col-md-6">
                                            <div class="mb-3 font-weight-semibold">Leave Type</div>
                                            <select class="form-control" name="leave_type" required>
                                                <option value="Casual">Casual</option>
                                                <option value="Sick">Sick</option>
                                                <option value="Emergency">Emergency</option>
                                            </select>
                                        </div>
                                        <div class="form-group col-md-12">
                                            <div class="mb-3 font-weight-semibold">Contact</div>
                                            <input type="number" name="contact" class="form-control" required> 
                                        </div>
                                        <div class="form-group col-md-12">
                                            <div class="mb-3 font-weight-semibold">Description</div>
                                            <textarea name="description" class="form-control" cols="30" rows="5"></textarea>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <div class="mb-3 font-weight-semibold">Start Date</div>
                                            <input type="date" name="startdate" class="form-control" required>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <div class="mb-3 font-weight-semibold">End Date</div>
                                            <input type="date" name="end_date" class="form-control" required>
                                        </div>
                                    </div>
                            </div>
                            <div class="d-flex justify-content-end">
                                <button type="submit" class="btn btn-success" name="save">Save</button>
                            </div>

                            </form>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    </div>
@endsection