@extends('layouts.teacher.layout')

@section('content')
    <div class="relative">
        <div class="flex flex-wrap lg:flex-row justify-between">
            <div>
                <h1 class="admin-h1 my-3 flex items-center">
                    <a href="{{ url('/teacher/leaves') }}" title="Back" class="rounded-full bg-gray-100 p-2">
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 492 492" xml:space="preserve" width="512px" height="512px" class="w-3 h-3 fill-current text-gray-700"><g><g><g><path d="M464.344,207.418l0.768,0.168H135.888l103.496-103.724c5.068-5.064,7.848-11.924,7.848-19.124 c0-7.2-2.78-14.012-7.848-19.088L223.28,49.538c-5.064-5.064-11.812-7.864-19.008-7.864c-7.2,0-13.952,2.78-19.016,7.844 L7.844,226.914C2.76,231.998-0.02,238.77,0,245.974c-0.02,7.244,2.76,14.02,7.844,19.096l177.412,177.412 c5.064,5.06,11.812,7.844,19.016,7.844c7.196,0,13.944-2.788,19.008-7.844l16.104-16.112c5.068-5.056,7.848-11.808,7.848-19.008 c0-7.196-2.78-13.592-7.848-18.652L134.72,284.406h329.992c14.828,0,27.288-12.78,27.288-27.6v-22.788 C492,219.198,479.172,207.418,464.344,207.418z" data-original="#000000" fill="" class="active-path"></path></g></g></g></svg>
                    </a>
                    <span class="mx-3">Show Leave Application</span>
                </h1>
            </div>
        </div>
        @include('partials.message')
        <div class="flex">
            <table class="w-3/4">
                <tr class="border-b">
                    <td class="py-3 px-2">
                        <p class="font-semibold text-xs">Teacher Name</p>
                    </td>
                    <td class="py-3 px-10">
                        <p class="text-xs">{{ $leave->teacher->FullName }}</p>
                    </td>
                </tr>
                <tr class="border-b">
                    <td class="py-3 px-2">
                        <p class="font-semibold text-xs">From Date</p>
                    </td>
                    <td class="py-3 px-10">
                        <p class="text-xs">{{ date('d-m-Y H:i:s',strtotime($leave->from_date)) }}</p>
                    </td>
                </tr>
                <tr class="border-b">
                    <td class="py-3 px-2">
                        <p class="font-semibold text-xs">To Date</p>
                    </td>
                    <td class="py-3 px-10">
                        <p class="text-xs">{{ date('d-m-Y H:i:s',strtotime($leave->to_date)) }}</p>
                    </td>
                </tr>
                <tr class="border-b">
                    <td class="py-3 px-2">
                        <p class="font-semibold text-xs">Reason</p>
                    </td>
                    <td class="py-3 px-10">
                        <p class="text-xs">{{ $leave->absentReason->title }}</p>
                    </td>
                </tr>
                <tr class="border-b">
                    <td class="py-3 px-2">
                        <p class="font-semibold text-xs">Remarks</p>
                    </td>
                    <td class="py-3 px-10">
                        <p class="text-xs">
                            @if($leave->remarks != null)
                                {{ $leave->remarks }}
                            @else
                                --
                            @endif
                        </p>
                    </td>
                </tr>
                <tr class="border-b">
                    <td class="py-3 px-2">
                        <p class="font-semibold text-xs">Leave Type</p>
                    </td>
                    <td class="py-3 px-10">
                        <p class="text-xs">{{ $leave->leaveType->name }}</p>
                    </td>
                </tr>
                <tr class="border-b">
                    <td class="py-3 px-2">
                        <p class="font-semibold text-xs">Status</p>
                    </td>
                    <td class="py-3 px-10">
                        <p class="text-xs">{{ ucfirst($leave->status) }}</p>
                    </td>
                </tr>
                @if($leave->status != 'pending')
                    <tr class="border-b">
                        <td class="py-3 px-2">
                            <p class="font-semibold text-xs">Comments</p>
                        </td>
                        <td class="py-3 px-10">
                            <p class="text-xs">{{ $leave->comments }}</p>
                        </td>
                    </tr>
                @endif
            </table>
        </div>
    </div>
@endsection