@extends('master')
@section('content')
    <div class="page-wrapper">
        <div class="content">
            <div class="page-header">
                <div class="page-title">
                    <h4>{{ __('sitelabel.EditLoanRequest') }}</h4>
                    <h6>{{ __('sitelabel.UpdateLoanRequest') }}</h6>
                </div>
            </div>

            <div class="card">
                <div class="card-body">
                    <form action="{{ url('/editloanrequestprocess') }}" method="post" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="id" value="{{ $loanRequest->Id }}">

                        <div class="row">
                            <!-- Loan Type -->
                            <div class="col-lg-4 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.LoanType') }} <span class="manitory">*</span></label>
                                    <select name="loan_type_id" class="form-control" id="cmbloan">
                                        <option value="">{{ __('sitelabel.SelectLoanType') }}</option>
                                        @foreach ($lookupData['loan_types'] as $type)
                                            <option value="{{ $type->Id }}"
                                                {{ $loanRequest->LoanTypeId == $type->Id ? 'selected' : '' }}>
                                                {{ $type->Name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('loan_type_id')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <!-- Request Date -->
                            <div class="col-lg-4 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.RequestDate') }} <span class="manitory">*</span></label>
                                    <input type="date" name="request_date" class="form-control"
                                        value="{{ old('request_date', date('Y-m-d', strtotime($loanRequest->RequestDate))) }}">
                                    @error('request_date')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <!-- Loan Amount -->
                            <div class="col-lg-4 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.LoanAmount') }} <span class="manitory">*</span></label>
                                    <input type="number" name="loan_amount" class="form-control"
                                        value="{{ old('loan_amount', $loanRequest->LoanAmount) }}" step="0.01">
                                    @error('loan_amount')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <!-- Document Upload & Preview -->
                            <div class="col-lg-4 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Document') }}</label>
                                    <input type="file" name="document_file" class="form-control">

                                    @if ($loanRequest->LoanDocuments && $loanRequest->LoanDocuments != 'NoDocument')
                                        <div class="mt-2 document-preview">
                                            <a href="{{ asset($loanRequest->LoanDocuments) }}" 
                                               target="_blank"
                                               class="btn btn-sm btn-info preview-btn"
                                               data-url="{{ asset($loanRequest->LoanDocuments) }}">
                                                <i class="fa fa-eye"></i> {{ __('sitelabel.Preview') }}
                                            </a>
                                            <button type="button" class="btn btn-sm btn-danger delete-document"
                                                data-id="{{ $loanRequest->Id }}">
                                                <i class="fa fa-trash"></i> {{ __('sitelabel.Delete') }}
                                            </button>
                                        </div>
                                    @endif

                                    @error('document_file')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <!-- Reason -->
                            <div class="col-lg-12 col-sm-12 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Reason') }} <span class="manitory">*</span></label>
                                    <textarea name="reason" class="form-control">{{ old('reason', $loanRequest->Reason) }}</textarea>
                                    @error('reason')
                                        <div class="alert alert-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <!-- Status -->
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Status') }}</label>
                                    <input type="checkbox" name="status" class="form-check-input"
                                        {{ $loanRequest->Status ? 'checked' : '' }}>
                                </div>
                            </div>

                            <!-- Buttons -->
                            <div class="col-lg-12">
                                <button type="submit" class="btn btn-primary">{{ __('sitelabel.Update') }}</button>
                                <a href="{{ url('/loanrequest') }}" class="btn btn-dark">{{ __('sitelabel.Back') }}</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(document).ready(function() {
            // Initialize Select2
            $('#cmbloan').select2({
                theme: "bootstrap-5",
            });

            // Document deletion functionality
            $('.delete-document').click(function() {
                if (confirm('{{ __('sitelabel.ConfirmDeleteDocument') }}')) {
                    var loanRequestId = $(this).data('id');
                    var $button = $(this);

                    $.ajax({
                        url: '{{ url('/loanrequest/delete-document') }}',
                        method: 'POST',
                        data: {
                            _token: '{{ csrf_token() }}',
                            loanRequestId: loanRequestId
                        },
                        success: function(response) {
                            if (response.success) {
                                $button.closest('.document-preview').remove();
                                alert('{{ __('sitelabel.DocumentDeletedSuccessfully') }}');
                            }
                        },
                        error: function(xhr) {
                            alert('{{ __('sitelabel.ErrorDeletingDocument') }}');
                        }
                    });
                }
            });
        });
    </script>
@endsection