@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">Manage 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') }}
                          @endif
                           </div>
                                <form method="post" action="{{route('update.emp.leave',['id'=>$data?$data->id:''])}}">
                                @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" value="{{$data? $data->title:''}}" 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" type="text" value="{{$data?$data->leave_type:''}}" required>
                                            <option value="casual" {{ $data && $data->leave_type === 'casual' ? 'selected' : '' }}>casual</option>
                                           <option value="sick" {{ $data && $data->leave_type === 'sick' ? 'selected' : '' }}>sick</option>
                                           <option value="emergency" {{ $data && $data->leave_type === 'emergency' ? 'selected' : '' }}>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" value="{{$data?$data->contact:''}}" 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">{{$data?$data->description:''}}</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" value="{{$data?$data->startdate:''}}" 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" value="{{$data?$data->end_date:''}}" required>
                                        </div>
                                    </div>
                            </div>
                            <div class="d-flex justify-content-end">
                            <button class="btn btn-success" name="save" type="submit">Save</button>
                            </div>

                            </form>
                        </div>

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