@extends('dashboard.layouts.app')
@section('content')
    <!-- Success/Error Messages -->
    @if (session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    @if ($errors->any())
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

@section('content')
    <style>
        @media print {
            body * {
                visibility: hidden;
            }
            #invoice,
            #invoice * {
                visibility: visible;
            }
            #invoice {
                position: absolute;
                left: 0;
                top: 0;
                width: 210mm;
                height: auto;
                margin: 0;
                padding: 10mm;
                box-sizing: border-box;
            }

            .no-print {
                display: none;
            }

            .table-invoice {
                width: 100%;
                font-size: 12pt;
            }
        }

        .invoice-container {
            max-width: 900px;
            margin: 0 auto;
            padding: 20px;
        }

        .invoice-header {
            /* background-color: #f8f9fa; */
            padding: 20px;
            border-bottom: 2px solid #dee2e6;
        }

        .invoice-logo {
            max-width: 150px;
        }

        .table-invoice th,
        .table-invoice td {
            vertical-align: middle;
        }

        .table-invoice th {
            /* background-color: #e9ecef; */
            font-weight: 600;
        }

        .invoice-footer {
            /* background-color: #f8f9fa; */
            padding: 15px;
            border-top: 2px solid #dee2e6;
        }

        .invoice-end-section .discount-box {
            border: 1px solid #dee2e6cb;
            /* background-color: #f9f9f9; */
            border-radius: 8px;
            min-width: 300px;
            max-width: 400px;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
            font-size: 14px;
        }
    </style>
    <div class="my-5">
        <div class="card shadow border-0" id="invoice">
            <div class="invoice-header d-flex justify-content-between align-items-center">
                <div>
                    <img src="{{ asset('assets/images/logo.png') }}" alt="Logo" class="invoice-logo">
                    <div class="mt-2 mb-0">Upedia</div>
                    <small class="">10062 Al Ahli Bank Building, Main Carrefour Street, <br />Zahraa Al Maadi,
                        Cairo,
                        Egypt</small>
                </div>
                <div class="text-end">
                    <div class="mb-0">Invoice <span class="text-primary">{{ $studentInvoice->invoice_number }}</span>
                    </div>
                    <small class="">Invoice Date: {{ $studentInvoice->created_at->format('Y-m-d') }}</small><br>
                </div>
            </div>
            <div class="card-body p-3">
                <div class="mb-3">
                    <div class="fw-bold text-primary">
                        Student Information
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <a href="{{ env('STUDENT_URL_IN_ACADEMY_SYSTEM') }}/{{ $studentInvoice->student->id }}">
                                <p class="mb-1"><strong>Name:</strong> {{ $studentInvoice->student->first_name ?? '' }}
                                    {{ $studentInvoice->student->last_name ?? '' }}</p>
                            </a>
                            <p class="mb-1"><strong>Email:</strong>
                                {{ $studentInvoice->student->email ?? 'Not available' }}</p>
                        </div>
                    </div>
                </div>

                @if ($studentInvoice->transactions && $studentInvoice->transactions->count() > 0)
                    <div class="mt-5">
                        <div class="text-primary fw-bold">
                            Transaction Details
                        </div>
                        <div style="overflow: auto;">
                            <table class="text-center table-invoice mt-3 table table-bordered table-sm table bordered-table sm-table mb-0">
                                <thead>
                                    <tr>
                                        <th class="text-center">#</th>
                                        <th class="text-center">Payment Type</th>
                                        <th class="text-center">Amount</th>
                                        <th class="text-center">Status</th>
                                        <th class="text-center">Transaction Image</th>
                                        <th class="text-center">Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($studentInvoice->transactions as $index => $transaction)
                                        <tr>
                                            <td>{{ $index + 1 }}</td>
                                            <td>{{ ucfirst($transaction->payment_type) }}</td>
                                            <td>{{ number_format($transaction->amount, 2) }}</td>
                                            <td>
                                                @if ($transaction->status == 'pending')
                                                    <span class="badge bg-warning text-dark">Pending</span>
                                                @elseif ($transaction->status == 'accepted')
                                                    <span class="badge bg-success">Accepted</span>
                                                @elseif ($transaction->status == 'rejected')
                                                    <span class="badge bg-danger">Rejected</span>
                                                @else
                                                    <span class="badge bg-secondary">{{ ucfirst($transaction->status) }}</span>
                                                @endif
                                            </td>
                                            <td>

                                                @php
                                                    $img = $transaction->transaction_img;

                                                    if ($img) {
                                                        if (str_starts_with(basename($img), 'retention')) {

                                                            $imageUrl = config('app.Retention_URL') . '/' . ltrim($img, '/');
                                                        } 
                                                        else {
                                                            $imageUrl = config('app.CRM_URL') . '/' . ltrim($img, '/');
                                                        }
                                                    }
                                                @endphp
                                                
                                                @if ($img)
                                                    <a href="{{ $imageUrl }}" target="_blank">
                                                        <img src="{{ $imageUrl }}"  alt="Transaction Image" width="80" height="80" class="rounded shadow-sm border">
                                                    </a>
                                                @else
                                                    N/A
                                                @endif
                                            </td>
                                            <td>
                                                @if ($transaction->status == 'pending' && $transaction->payment_type == 'instapay')
                                                    <form action="{{ route('transactions.updateStatus', $transaction->id) }}" method="POST" class="d-inline">
                                                        @csrf
                                                        @method('PATCH')
                                                        {{-- Change status to 'accepted' if that is the correct status for accepting a pending payment --}}
                                                        <input type="hidden" name="status" value="paid"> 
                                                        <button type="submit" class="btn btn-success btn-sm">
                                                            <i class="bi bi-check-circle"></i> Accept
                                                        </button>
                                                    </form>
                                                    {{-- The button correctly targets the unique modal ID --}}
                                                    <button type="button" class="btn btn-danger btn-sm" data-bs-toggle="modal" data-bs-target="#rejectModal{{ $transaction->id }}">
                                                        <i class="bi bi-x-circle"></i> Reject
                                                    </button>
                                                @else
                                                    <span class="text-muted">No Actions</span>
                                                @endif
                                            </td>
                                        </tr>

                                        <div class="modal fade" id="rejectModal{{ $transaction->id }}" tabindex="-1" aria-labelledby="rejectModalLabel{{ $transaction->id }}" aria-hidden="true">
                                            <div class="modal-dialog">
                                                <div class="modal-content">
                                                    <form action="{{ route('transactions.updateStatus', $transaction->id) }}" method="POST">
                                                        @csrf
                                                        @method('PATCH')
                                                        <input type="hidden" name="status" value="rejected">
                                                        
                                                        <div class="modal-header">
                                                            <div class="modal-title" id="rejectModalLabel{{ $transaction->id }}">Reject Transaction</div>
                                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                        </div>
                                                        
                                                        <div class="modal-body">
                                                            <div class="mb-3">
                                                                <label for="reason{{ $transaction->id }}" class="form-label">Reason for Rejection</label>
                                                                <textarea name="reason" id="reason{{ $transaction->id }}" class="form-control" rows="3" placeholder="Enter reason..." required></textarea>
                                                            </div>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                                                            <button type="submit" class="btn btn-danger">Submit Rejection</button>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>

                                    @endforeach
                                </tbody>
                            </table>    
                        </div>
                    </div>
                @endif
                <div class="fw-bold mt-3 text-primary">
                    @if ($studentInvoice->type === 'track')
                        Track Details
                    @elseif($studentInvoice->product)
                        Product Details
                    @else
                        Course Details
                    @endif
                </div>

                <div style="overflow: auto;">
                    <table class="text-center table-invoice mt-3 table table-bordered table-sm table bordered-table sm-table mb-0">
                        <thead>
                            <tr>
                                @if ($studentInvoice->type === 'track')
                                    <th class="text-center">Course</th>
                                    <th class="text-center">Start Date</th>
                                    <th class="text-center">End Date</th>
                                    <th class="text-center">Teacher</th>
                                    <th class="text-center">Price</th>
                                @else
                                    <th class="text-center">Product</th>
                                    <th class="text-center">Start Date</th>
                                    <th class="text-center">End Date</th>
                                    <th class="text-center">Staff</th>
                                    <th class="text-center">Price</th>
                                @endif
                            </tr>
                        </thead>

                        <tbody>
                                @if ($studentInvoice->type === 'track')

                                    @foreach ($studentInvoice->courseStudentInvoices as $item)
                                        @php
                                            $course = $item->course;
                                        @endphp
                                        <tr>
                                            <td>{{ $course->track->name_en }}</td>
                                            <td>{{ $course->start_date }}</td>
                                            <td>{{ $course->end_date }}</td>
                                            <td>
                                                @if ($course->staff)
                                                    {{ $course->staff->first_name }} {{ $course->staff->last_name }}
                                                @else
                                                    No teacher found
                                                @endif
                                            </td>
                                            <td>{{ number_format($studentInvoice->total_price, 2) }}</td>
                                        </tr>
                                    @endforeach
                                @else
                                    @foreach ($studentInvoice->courseStudentInvoices as $item)
                                        @php $course = $item->course; @endphp
                                        <tr>
                                            <td>{{ $course->academyProduct->name_en }}</td>
                                            <td>{{ $course->start_date }}</td>
                                            <td>{{ $course->end_date }}</td>
                                            <td>
                                                @if ($course->staff)
                                                    {{ $course->staff->first_name }} {{ $course->staff->last_name }}
                                                @else —
                                                @endif
                                            </td>
                                            <td>{{ number_format($studentInvoice->total_price, 2) }}</td>
                                        </tr>
                                    @endforeach
                                @endif
                        </tbody>
                    </table>
                </div>

                <div class="d-flex justify-content-end">
                    <div class="m-3 d-flex justify-content-end invoice-end-section">
                        @if ($studentInvoice->discount_plan_id)
                            <div class="discount-box p-3 mx-3">
                                <div class="mb-1 fw-bold text-primary fs-5">Pricing Plan Details</div>
                                <div class="row">
                                    <div class="col-auto pe-3 ">
                                        <div class="mb-2 fw-bold">Discount Plan:</div>
                                        <div class="mb-2 fw-bold">Total Price:</div>
                                        <div class="mb-2 fw-bold">Discount:</div>
                                        <div class="mb-2 fw-bold">Net Price:</div>
                                    </div>
                                    <div class="col-auto">
                                        <div class="mb-2">{{ $studentInvoice->discountPlan->name_en ?? '' }}</div>
                                        <div class="mb-2">{{ number_format($studentInvoice->total_price, 2) }}</div>

                                        @if ($studentInvoice->discount_plan_type == 'fixed')
                                                <div class="mb-2">
                                                    {{ number_format($studentInvoice->discount_plan_price, 2) }}
                                                </div>
                                                <div class="mb-2">{{ number_format($studentInvoice->total_price, 2) - number_format($studentInvoice->discount_plan_price, 2) }}</div>
                                        @elseif ($studentInvoice->discount_plan_type == 'percentage')
                                                <div class="mb-2">
                                                    {{ number_format($studentInvoice->discount_plan_price, 0) }}%
                                                </div>
                                                <div class="mb-2">{{ number_format($studentInvoice->total_price * $studentInvoice->discount_plan_price / 100, 2) }}</div>
                                        @else
                                                <div class="mb-2">0</div>
                                                <div class="mb-2"></div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                    <div class="m-3 d-flex justify-content-end invoice-end-section">
                        @if ($studentInvoice->promocode_id)
                            <div class="discount-box p-3 mx-3">
                                <div class="mb-1 fw-bold text-primary fs-5">Promocode Details</div>
                                <div class="row">
                                    <div class="col-auto pe-3 ">
                                        <div class="mb-2 fw-bold">Promocode:</div>
                                        <div class="mb-2 fw-bold">Total Price:</div>
                                        <div class="mb-2 fw-bold">Discount:</div>
                                        <div class="mb-2 fw-bold">Net Price:</div>
                                    </div>
                                    <div class="col-auto">
                                        <div class="mb-2">{{ $studentInvoice->promocode->code ?? '' }}</div>
                                        @if ($studentInvoice->discount_plan_id)
                                            <div class="mb-2">{{ number_format($studentInvoice->total_price * $studentInvoice->discount_plan_price / 100, 2) }}</div>

                                        @else
                                            <div class="mb-2">{{ number_format($studentInvoice->total_price, 2) }}</div>
                                        @endif
                                        <div class="mb-2">
                                            @if ($studentInvoice->promocode_type == 'fixed')
                                                {{ number_format($studentInvoice->promocode_price, 2) }}
                                            @elseif ($studentInvoice->promocode_type == 'percentage')
                                                {{ number_format($studentInvoice->promocode_price, 0) }}%
                                            @else
                                                0
                                            @endif
                                        </div>
                                        <div class="mb-2">{{ number_format($studentInvoice->net_price, 2) }}</div>
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
                <div class="mt-3 text-end">
                    <div class="fw-bold text-primary"><strong>Final Total:</strong>
                        {{ number_format($studentInvoice->net_price, 2) }}
                    </div>
                </div>
            </div>
            <div class="invoice-footer text-end">
                <button onclick="window.print()" class="btn btn-primary no-print me-2">
                    <i class="bi bi-printer"></i> Print Invoice
                </button>
                <a href="{{ route('student_invoices.download-pdf', $studentInvoice->id) }}"
                    class="btn btn-success no-print">
                    <i class="bi bi-download"></i> Download PDF
                </a>
            </div>
        </div>
    </div>
@endsection