@extends('layouts.app')

@section('content')
<div class="container">
    <h1>User Leave Details</h1>

    <div class="card mb-3" >
        <div class="card-body">
            <div class="mb-3">
                <strong>ID:</strong> {{ $userLeave->id }}
            </div>
            <div class="mb-3">
                <strong>User:</strong> {{ $userLeave->user->name }} (ID: {{ $userLeave->user_id }})
            </div>
            <div class="mb-3">
                <strong>Leave Type:</strong> {{ $userLeave->leaveType->leave_type }} (ID: {{ $userLeave->leave_type_id }})
            </div>
            <div class="mb-3">
                <strong>Start Date:</strong> {{ $userLeave->start_date }}
            </div>
            <div class="mb-3">
                <strong>End Date:</strong> {{ $userLeave->end_date }}
            </div>
            <div class="mb-3">
                <strong>Leave Status:</strong>
                @if ($userLeave->leave_status == 1)
                    Pending
                @elseif ($userLeave->leave_status == 2)
                    Approved
                @elseif ($userLeave->leave_status == 3)
                    Cancelled
                @endif
            </div>
            <div class="mb-3">
                <strong>Created Note:</strong> {{ $userLeave->created_note }}
            </div>
            <div class="mb-3">
                <strong>Updated Note:</strong> {{ $userLeave->updated_note ?: 'N/A' }}
            </div>
        </div>
    </div>

    <a href="{{ route('user_leaves.edit', $userLeave->id) }}" class="btn btn-primary mt-3">Edit</a>
    <a href="{{ route('user_leaves.index') }}" class="btn btn-info mt-3">Back</a>
</div>
@endsection