@extends('layout.main')

@section('content')
    <div class="container grid px-6 mx-auto">
        <h4 class="mb-4 mt-4 text-lg font-semibold text-gray-600 dark:text-gray-300">
            {{ __('Update Loan Status') }}
        </h4>
        <div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800">
            <div class="w-full overflow-x-auto">
                <x-table.table>
                    <x-table.body>
                        <x-table.row>
                            <x-table.cell>{{ __('Status') }}</x-table.cell>
                            <x-table.cell>
                                @switch($loan->level_status_id)
                                    @case(0)
                                        Pending
                                    @break

                                    @case(1)
                                        Approved
                                    @break

                                    @case(3)
                                        Declined
                                    @break
                                @endswitch
                            </x-table.cell>
                            <x-table.cell>{{ __('Amount') }}</x-table.cell>
                            <x-table.cell>{{ number_format($loan->loan_amount) }}</x-table.cell>
                            <x-table.cell>{{ __('Loan Type') }}</x-table.cell>
                            <x-table.cell>{{ $loan->loanType->product_name }}</x-table.cell>
                        </x-table.row>
                        <x-table.row>
                            <x-table.cell>{{ __('Client(s)') }}</x-table.cell>
                            @if ($loan->loan_category_id == \App\Constants\LoanConstants::INDIVIDUAL_LOAN)
                                <x-table.cell>{{ optional($loan->individualClient)->client->fullname }}</x-table.cell>
                            @else
                                <x-table.cell>
                                    <div class="flex flex-col">
                                        @foreach ($loan->groupClients as $groupClient)
                                            <span>{{ $groupClient->client->fullname }}</span>
                                        @endforeach
                                    </div>
                                </x-table.cell>
                            @endif
                            <x-table.cell>{{ __('Loan Officer') }}</x-table.cell>
                            <x-table.cell>{{ $loan->officers->fullname }}</x-table.cell>
                            <x-table.cell>{{ __('Interest Rate') }}</x-table.cell>
                            <x-table.cell>{{ $loan->interest_rate }} %</x-table.cell>
                        </x-table.row>
                    </x-table.body>
                </x-table.table>
            </div>
        </div>
        <div class="px-4 py-3 mb-8 bg-white rounded-lg shadow-md dark:bg-gray-800">
            <form action="{{ route('loans.update-status', $loan) }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')
                <label for="level_status_id" class="block mb-4 text-sm">
                    <span class="text-gray-700 dark:text-gray-400">*Select Loan Status</span>
                    <select id="level_status_id" name="level_status_id"
                        class="select2 block w-full mt-1 text-sm dark:text-gray-300 dark:border-gray-600 dark:bg-gray-700 form-select @error('level_status_id') border-red-600 focus:border-red-400 focus:outline-none focus:shadow-outline-red @enderror focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray">
                        <option selected disabled>Select Status</option>
                        @foreach ($statuses as $index => $value)
                            <option value="{{ $index }}" @selected(old('level_status_id', $loan->level_status_id) == $index)>{{ $value }}</option>
                        @endforeach
                    </select>
                    <x-form.error field='level_status_id' />
                </label>
                <x-form.input type='text' name="comment" label="Comment" value="{{ old('comment') }}" placeholder="Please provide a reason"/>
                <div class="flex justify-end mt-6">
                    <x-button label="Save" type="submit" />
                </div>
            </form>
        </div>
    </div>
@endsection