@extends('layouts.app')

@section('content')
<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <div class="col-sm">
                <div class="mb-4">
                    <a href="{{ route('admin.level-changes.index') }}" class="btn btn-success waves-effect waves-light">
                        <i class="fa fa-arrow-left"></i> अघिल्लो पृष्ठ
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- end page title -->

<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                <!-- Member Basic Info -->
                <div class="table-responsive">
                    <table class="table align-middle">
                        <thead>
                            <tr>
                                <td colspan="4">
                                    <h1>नाम: {{ $memberLevel->members->name ?? $memberLevel->members->nameeng }}</h1>
                                </td>
                                <td>
                                    @if($memberLevel->members->photo)
                                        <img height="140px" width="150px" src="{{ storage_url($memberLevel->members->photo) }}"
                                             style="border-radius: 10%;border:1px solid #999966;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);">
                                    @else
                                        <div class="bg-light rounded d-flex align-items-center justify-content-center"
                                             style="width: 150px; height: 140px; border-radius: 10%; border:1px solid #999966;">
                                            <i class="bx bx-user" style="font-size: 48px; color: #ccc;"></i>
                                        </div>
                                    @endif
                                </td>
                            </tr>
                            <tr class="bg-transparent">
                                <th>दर्ता नं.</th>
                                <th>जन्म मिति</th>
                                <th>बुबाको नाम</th>
                                <th>आमाको नाम</th>
                                <th>हालको श्रेणी</th>
                                <th>विशेषज्ञता</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>{{ $memberLevel->members->reg_no }}</td>
                                <td>{{ $memberLevel->members->dob }}</td>
                                <td>{{ $memberLevel->members->fname }}</td>
                                <td>{{ $memberLevel->members->mname }}</td>
                                <td>{{ $memberLevel->members->level->level ?? 'N/A' }}</td>
                                <td>{{ $memberLevel->members->specialization->specialization ?? 'N/A' }}</td>
                            </tr>
                            <tr>
                                <td><b>स्थायी ठेगाना</b></td>
                                <td colspan="4">
                                    {{ $memberLevel->members->locallevel->local_name ?? '' }}-{{ $memberLevel->members->ward }},
                                    {{ $memberLevel->members->tole }},{{ $memberLevel->members->district->district_name ?? '' }},
                                    {{ $memberLevel->members->province->province ?? '' }}
                                </td>
                            </tr>
                            <tr>
                                <td><b>पत्राचार गर्ने ठेगाना</b></td>
                                <td colspan="2">{{ $memberLevel->members->caddress }}</td>
                                <td>{{ $memberLevel->members->email }}</td>
                                <td>{{ $memberLevel->members->mobileno }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>

                <br>

                <!-- Level Change Details -->
                <h3>श्रेणी परिवर्तन निवेदनको विवरण</h3>
                <div class="table-responsive">
                    <table class="table align-middle">
                        <thead>
                            <tr class="bg-transparent">
                                <th>निवेदन मिति</th>
                                <th>अपलोड मिति</th>
                                <th>पुरानो श्रेणी</th>
                                <th>लक्षित श्रेणी</th>
                                <th>भुक्तान रकम</th>
                                <th>भौचर नं.</th>
                                <th>स्थिति</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>{{ $memberLevel->created_at }}</td>
                                <td>{{ $memberLevel->uploaded_date }}</td>
                                <td>
                                    @if($memberLevel->previousLevel)
                                        <span class="badge bg-secondary">{{ $memberLevel->previousLevel->level }}</span>
                                    @else
                                        <span class="text-muted">N/A</span>
                                    @endif
                                </td>
                                <td>
                                    @if($memberLevel->targetedLevel)
                                        <span class="badge bg-info">{{ $memberLevel->targetedLevel->level }}</span>
                                    @else
                                        <span class="text-muted">N/A</span>
                                    @endif
                                </td>
                                <td>रु. {{ number_format($memberLevel->voucher_amount, 2) }}</td>
                                <td>{{ $memberLevel->voucher_no }}</td>
                                <td>
                                    @switch($memberLevel->application_status)
                                        @case('pending')
                                            <span class="badge bg-warning">पेन्डिङ</span>
                                            @break
                                        @case('under_review')
                                            <span class="badge bg-info">समीक्षाधीन</span>
                                            @break
                                        @case('approved')
                                            <span class="badge bg-success">स्वीकृत</span>
                                            @break
                                        @case('rejected')
                                            <span class="badge bg-danger">अस्वीकृत</span>
                                            @break
                                        @default
                                            <span class="badge bg-secondary">अज्ञात</span>
                                    @endswitch
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>

                <br>

                <!-- Documents Section -->
                <h4>कागजातहरू</h4>
                <div class="table-responsive">
                    <table class="table align-middle">
                        <thead>
                            <tr class="bg-transparent">
                                <th>भौचर फाइल</th>
                                <th>कागजात फाइल</th>
                                <th>दर्ता प्रमाणपत्र</th>
                                <th>कैफियत</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    @if ($memberLevel->voucher_file !== '0' && !empty($memberLevel->voucher_file))
                                        <a href="{{ storage_url($memberLevel->voucher_file) }}" target="_blank" class="btn btn-outline-primary btn-sm">
                                            <i class="bx bx-file me-1"></i>भौचर हेर्नुहोस्
                                        </a>
                                    @else
                                        <span class="text-muted">अपलोड गरिएको छैन</span>
                                    @endif
                                </td>
                                <td>
                                    @if ($memberLevel->document_file !== '0' && !empty($memberLevel->document_file))
                                        <a href="{{ storage_url($memberLevel->document_file) }}" target="_blank" class="btn btn-outline-primary btn-sm">
                                            <i class="bx bx-file me-1"></i>कागजात हेर्नुहोस्
                                        </a>
                                    @else
                                        <span class="text-muted">अपलोड गरिएको छैन</span>
                                    @endif
                                </td>
                                <td>
                                    @if (isset($memberLevel->darta_pramanpatra_file) && $memberLevel->darta_pramanpatra_file !== '0' && !empty($memberLevel->darta_pramanpatra_file))
                                        <a href="{{ storage_url($memberLevel->darta_pramanpatra_file) }}" target="_blank" class="btn btn-outline-success btn-sm">
                                            <i class="bx bx-file-blank me-1"></i>दर्ता प्रमाणपत्र हेर्नुहोस्
                                        </a>
                                    @else
                                        <span class="text-muted">अपलोड गरिएको छैन</span>
                                    @endif
                                </td>
                                <td>{{ $memberLevel->remarks ?? 'कुनै कैफियत छैन' }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>

                @if($memberLevel->admin_remarks)
                <br>
                <h4>प्रशासनिक टिप्पणी</h4>
                <div class="alert alert-info">
                    <p class="mb-0">{{ $memberLevel->admin_remarks }}</p>
                </div>
                @endif

                @if($memberLevel->rejected_reason)
                <br>
                <h4>अस्वीकारको कारण</h4>
                <div class="alert alert-danger">
                    <p class="mb-0">{{ $memberLevel->rejected_reason }}</p>
                </div>
                @endif

                @if($memberLevel->notice)
                <br>
                <h4>सम्बन्धित सूचना</h4>
                <div class="table-responsive">
                    <table class="table align-middle">
                        <thead>
                            <tr class="bg-transparent">
                                <th>सूचना शीर्षक</th>
                                <th>प्रकाशन मिति</th>
                                <th>अन्तिम मिति</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>{{ $memberLevel->notice->notice_title }}</td>
                                <td>{{ $memberLevel->notice->published_date }}</td>
                                <td>{{ $memberLevel->notice->last_date }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                @endif

                <br><br>

                <!-- Action Buttons -->
                @if($memberLevel->application_status === 'pending')
                <center>
                    <div class="row">
                        <div class="col-md-4">
                            <button type="button" class="btn btn-success waves-effect waves-light"
                                    style="width: 250px;" onclick="approveRequest({{ $memberLevel->id }})">
                                <i class="fa fa-check"></i> स्वीकार गर्नुहोस्
                            </button>
                        </div>
                        <div class="col-md-4">
                            <button type="button" class="btn btn-danger waves-effect waves-light"
                                    style="width: 250px;" onclick="showRejectModal({{ $memberLevel->id }})">
                                <i class="fa fa-times"></i> अस्वीकार गर्नुहोस्
                            </button>
                        </div>
                        <div class="col-md-4">
                            <button type="button" class="btn btn-warning waves-effect waves-light"
                                    style="width: 250px;" onclick="showSendBackModal({{ $memberLevel->id }})">
                                <i class="fa fa-edit"></i> सुधारको लागि फिर्ता
                            </button>
                        </div>
                    </div>
                </center>
                @else
                <center>
                    <div class="alert alert-info">
                        <strong>यो निवेदनमा पहिले नै कार्य गरिएको छ।</strong>
                    </div>
                </center>
                @endif
            </div>
        </div>
    </div>
</div>

<!-- Include Modals -->
@include('admin.level-changes.modals')

<script>
    function approveRequest(id) {
        if (confirm('के तपाईं यो श्रेणी परिवर्तन स्वीकार गर्न चाहनुहुन्छ?')) {
            const form = document.createElement('form');
            form.method = 'POST';
            form.action = `{{ url('admin/level-changes') }}/${id}/approve`;

            const csrfToken = document.createElement('input');
            csrfToken.type = 'hidden';
            csrfToken.name = '_token';
            csrfToken.value = '{{ csrf_token() }}';

            form.appendChild(csrfToken);
            document.body.appendChild(form);
            form.submit();
        }
    }

    function showRejectModal(id) {
        const modal = new bootstrap.Modal(document.getElementById('rejectModal'));
        const form = document.getElementById('rejectForm');
        form.action = `{{ url('admin/level-changes') }}/${id}/reject`;
        modal.show();
    }

    function showSendBackModal(id) {
        const modal = new bootstrap.Modal(document.getElementById('sendBackModal'));
        const form = document.getElementById('sendBackForm');
        form.action = `{{ url('admin/level-changes') }}/${id}/send-back`;
        modal.show();
    }
</script>
@endsection