@php
use Illuminate\Support\Str;
@endphp
<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
            {{ __('Edit Pensioner') }} - {!! $pensioner->name !!}
        </h2>
        @if (!empty($pensioner->createdBy))<br><small>Created By: <u><a href="{{route('users')}}?search={{urlencode($pensioner->createdBy->email)}}" target="_blank">{{$pensioner->createdBy->name}}</a></u></small>@endif
    </x-slot>
    @php($class = "rounded-md shadow-sm border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 block mt-1 w-full")

    <div class="py-8">
        <div class="mx-auto sm:px-6 lg:px-8">
            <div>
                <div class="p-6 border-b border-gray-200">
                    <div class="mx-auto mt-4 bg-white overflow-hidden shadow-sm sm:rounded-lg p-6">
                        <div>
                            @if (!empty($pensioner->payble))
                                <h3>Payble : {{$pensioner->payble}}</h3>
                            @endif

                            @if (!empty($pensioner->recoverable))
                                <h3>Recoverable : {{$pensioner->recoverable}}</h3>
                            @endif
                        </div>
                        <!-- Tabs -->
                        <ul id="tabs" class="inline-flex w-full px-1 pt-2 ">
                            <li class="px-4 py-2 font-semibold text-gray-800 rounded-t opacity-50 border-b-4"><a id="default-tab" href="#basicdetail">{{ __('Basic Details') }}</a></li>
                            <li class="px-4 py-2 font-semibold text-gray-800 rounded-t opacity-50 border-b-4"><a href="#official-records">{{ __('Official Records') }}</a></li>
                            <li class="px-4 py-2 font-semibold text-gray-800 rounded-t opacity-50 border-b-4"><a href="#pensions">{{ __('Pensions') }}</a></li>
                            <li class="px-4 py-2 font-semibold text-gray-800 rounded-t opacity-50 border-b-4"><a href="#bank-details">{{ __('Bank Details') }}</a></li>
                            <li class="px-4 py-2 font-semibold text-gray-800 rounded-t opacity-50 border-b-4"><a href="#loans">{{ __('Loans') }}</a></li>
                            <li class="px-4 py-2 font-semibold text-gray-800 rounded-t opacity-50 border-b-4"><a href="#reports">{{ __('Gratuity/Commutation Bill') }}</a></li>
                        </ul>

                        <!-- Tab Contents -->
                        <div id="tab-contents">
                            <div id="basicdetail" class="p-4">
                                <div class="grid grid-cols-10 gap-4">
                                    <div class="col-span-5 p-6">
                                        {!! Form::model($pensioner, ['method' => 'PATCH', 'route' => ['pensioner.update', $pensioner->id] ]) !!}
                                        @include('pensioner.item')

                                            <div class="flex items-center justify-end mt-4">
                                                <a class="underline text-sm text-gray-600 hover:text-gray-900" href="{{ route('pensioners') }}">
                                                    {{ __('Cancel') }}
                                                </a>

                                                @if (Auth::user()->isAdmin() || Auth::user()->isDealingAssistant())
                                                <x-button class="ml-3">
                                                    {{ __('Update') }}
                                                </x-button>
                                                
                                                <input type="hidden" id="basic-next-btn" name="next" value="0" />
                                                <x-button class="ml-3" onclick="document.getElementById('basic-next-btn').value='1'; return true;">
                                                    {{ __('Update & Next') }}
                                                </x-button>
                                                @endif
                                            </div>
                                        {!! Form::close() !!}
                                    </div>
                                </div>
                            </div>
                            <div id="bank-details" class="hidden p-4">
                                <div class="grid grid-cols-10 gap-4">
                                    <div class="col-span-5 p-6">
                                        {!! Form::model($pensioner, ['method' => 'PATCH', 'route' => ['pensioner.updateBankDetails', $pensioner->id] ]) !!}
                                        <div class="grid grid-cols-3 gap-4 mb-2">
                                            <div>