@extends('layouts.app')
@section('urlContent')
    @php
        $id = request()->segment(4);
    @endphp
    {!! view('components.breadcrumbs', [
        'b_items' => [
            'Avans Talepleri' => '/accounting/advance/requests',
            'Avans Talepleri Detay' => '/accounting/advance/request/' . $id,
        ],
    ]) !!}
@endsection
@section('content')
    <div class="container-app">
        <div class="flex justify-center w-full mt-4">
            <div class="w-full max-w-xl p-4 sm:p-8 shadow bg-theme_secondary_black rounded-lg text-gray-300">
                <div class="flex justify-between border-b border-teheme_third_black pb-6">
                    <h1 class="font-semibold">
                        TALEP DETAYLARI
                    </h1>
                    <h1 class="font-semibold">
                        Tarih: {{ \Carbon\Carbon::parse($advanceRequest->advanceRequestDate)->isoFormat('D MMMM Y') }}
                    </h1>
                </div>
                <div class="flex items-center gap-4 pt-4">
                    <img class="w-20 h-20 object-cover" src="{{ asset($advanceRequest->user->profile_img) }}" alt="">
                    <div class="flex flex-col">
                        <h1 class="font-semibold">
                            {{ $advanceRequest->user->full_name }}
                            @php
                                $birthdate = new DateTime($advanceRequest->user->personelUser->birth_date);
                                $today = new DateTime('today');
                                $age = $birthdate->diff($today)->y;
                            @endphp
                            <span class="text-gray-400 text-sm font-medium">{{ '( ' . $age . ' )' }}</span>
                        </h1>
                        <p class="text-sm text-gray-400">
                            {{ $advanceRequest->user->roles[0]->title }}
                        </p>
                    </div>
                </div>
                <div class="py-6 flex flex-col gap-2">
                    <h1 class="text-gray-300 font-semibold">
                        Teklif Açıklaması
                    </h1>
                    <p class="text-gray-400 font-medium text-sm">
                        {{ $advanceRequest->description ? $advanceRequest->description : 'Açıklama Yok' }}
                    </p>
                </div>
                <form method="POST" action="{{ route('accounting.approveOrRejectAdvanceRequest', [$advanceRequest->id]) }}" onsubmit="showLoading()"
                    class="flex justify-center items-center gap-4 mt-4">
                    @csrf
                    <button value="0" name="status"
                        class="inline-flex justify-center gap-2 items-center w-32 p-2 rounded text-gray-300 focus:ring-red-900 focus:ring-4 font-semibold bg-red-700">
                        <i class="fa-solid fa-xmark"></i>
                        Reddet
                    </button>
                    <button value="1" name="status"
                        class="inline-flex justify-center gap-2 items-center w-32 p-2 rounded text-gray-300 focus:ring-green-900 focus:ring-4 font-semibold bg-green-700">
                        <i class="fa-solid fa-check"></i>
                        Onayla
                    </button>
                </form>
            </div>
        </div>
    </div>
@endsection