@extends('admin.admin_dashboard')

@section('admin')
<div class="content-body default-height">
    <div class="container-fluid">

        <div class="row page-titles">
            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                    <a href="{{ route('admin.product-sales.index') }}">Sales</a>
                </li>
                <li class="breadcrumb-item active">
                    <span>Sale Details</span>
                </li>
            </ol>
        </div>

        <div class="row">
            {{-- LEFT: Details --}}
            <div class="col-xl-8">

                {{-- FILTER BOX (Template style) --}}
                <div class="filter cm-content-box box-primary mb-3">
                    <div class="content-title SlideToolHeader">
                        <div class="cpa">
                            <i class="fa-sharp fa-solid fa-filter me-2"></i>Filter
                        </div>
                        <div class="tools">
                            <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                        </div>
                    </div>

                    <div class="cm-content-body form excerpt">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-xl-3 col-sm-6">
                                    <label class="form-label">Sale No</label>
                                    <input type="text" class="form-control mb-xl-0 mb-3"
                                           value="{{ $productSale->sale_no }}" readonly>
                                </div>

                                <div class="col-xl-3 col-sm-6 mb-3 mb-xl-0">
                                    <label class="form-label">Status</label>
                                    <input type="text" class="form-control"
                                           value="{{ ucfirst($productSale->status) }}" readonly>
                                </div>

                                <div class="col-xl-3 col-sm-6">
                                    <label class="form-label">Sale Date</label>
                                    <div class="input-hasicon mb-sm-0 mb-3">
                                        <input class="form-control"
                                               value="{{ optional($productSale->sale_date)->format('d M Y') }}"
                                               readonly>
                                        <div class="icon"><i class="far fa-calendar"></i></div>
                                    </div>
                                </div>

                                <div class="col-xl-3 col-sm-6 align-self-end">
                                    <div>
                                        <a href="{{ route('admin.product-sales.index') }}"
                                           class="btn btn-primary me-2" title="Back to list">
                                            <i class="fa-solid fa-list me-1"></i>List
                                        </a>
                                        <button class="btn btn-danger light" type="button"
                                                onclick="window.print()"
                                                title="Print this page">
                                            <i class="fa-solid fa-print me-1"></i>Print
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- SALE DETAILS BOX (Template style) --}}
                <div class="filter cm-content-box box-primary">
                    <div class="content-title SlideToolHeader">
                        <div class="cpa">
                            <i class="fa-solid fa-file-lines me-1"></i>
                            Sale Order: {{ $productSale->sale_no }}
                            @if($productSale->status === 'draft')
                                <span class="badge badge-warning ms-2">Draft</span>
                            @elseif($productSale->status === 'completed')
                                <span class="badge badge-success ms-2">Completed</span>
                            @elseif($productSale->status === 'cancelled')
                                <span class="badge badge-danger ms-2">Cancelled</span>
                            @else
                                <span class="badge badge-secondary ms-2">Unknown</span>
                            @endif
                        </div>
                        <div class="tools">
                            <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                        </div>
                    </div>

                    <div class="cm-content-body form excerpt">
                        <div class="card-body pb-4">

                            <div class="row mb-3">
                                <div class="col-md-6">
                                    <p class="mb-1">
                                        <strong>Customer:</strong>
                                        @if($productSale->customer_type === 'student' && $productSale->student)
                                            {{ $productSale->student->student_name_english }} ({{ $productSale->student->admission_roll }})
                                        @else
                                            {{ $productSale->customer_name ?? 'Walk-in Customer' }}
                                        @endif
                                    </p>
                                    <p class="mb-0">
                                        <strong>Customer Type:</strong> {{ ucfirst($productSale->customer_type) }}
                                    </p>
                                </div>

                                <div class="col-md-6 text-end">
                                    <p class="mb-1">
                                        <strong>Sale Date:</strong> {{ optional($productSale->sale_date)->format('d M Y') }}
                                    </p>
                                    <p class="mb-1">
                                        <strong>Sold By:</strong> {{ $productSale->soldBy->name ?? 'N/A' }}
                                    </p>
                                    @if($productSale->completed_at)
                                        <p class="mb-0">
                                            <strong>Completed At:</strong> {{ $productSale->completed_at->format('d M Y H:i') }}
                                        </p>
                                    @endif
                                </div>
                            </div>

                            <hr>

                            <h5 class="mb-3">Sale Items</h5>

                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Product</th>
                                        <th>Quantity</th>
                                        <th class="text-end">Unit Price</th>
                                        <th class="text-end">Total</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($productSale->items as $item)
                                        <tr>
                                            <td>{{ $loop->iteration }}</td>
                                            <td>{{ $item->product->name ?? 'N/A' }}</td>
                                            <td>{{ $item->quantity }}</td>
                                            <td class="text-end">৳{{ number_format($item->unit_price, 2) }}</td>
                                            <td class="text-end">৳{{ number_format($item->total_price, 2) }}</td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                    <tfoot>
                                    <tr>
                                        <th colspan="4" class="text-end">Total Amount:</th>
                                        <th class="text-end">৳{{ number_format($productSale->total_amount, 2) }}</th>
                                    </tr>
                                    <tr>
                                        <th colspan="4" class="text-end">Cost:</th>
                                        <th class="text-end">৳{{ number_format($productSale->total_cost, 2) }}</th>
                                    </tr>
                                    <tr>
                                        <th colspan="4" class="text-end">Profit:</th>
                                        <th class="text-end"
                                            style="color: {{ $productSale->profit_amount >= 0 ? 'green' : 'red' }}">
                                            ৳{{ number_format($productSale->profit_amount, 2) }}
                                        </th>
                                    </tr>
                                    </tfoot>
                                </table>
                            </div>

                            @if($productSale->notes)
                                <div class="alert alert-info mt-3">
                                    <strong>Notes:</strong> {{ $productSale->notes }}
                                </div>
                            @endif

                            {{-- ACCOUNTING (Template style, only completed) --}}
                            @if($productSale->status === 'completed')
                                <div class="accounting-section">
                                    <hr>
                                    <h5 class="mb-3">Accounting Entries</h5>

                                    @if(!$productSale->revenueEntry && !$productSale->cogsEntry)
                                        <div class="alert alert-warning">
                                            Completed sale কিন্তু কোনো accounting entry পাওয়া যায়নি। Data integrity চেক করুন।
                                        </div>
                                    @endif

                                @if($productSale->revenueEntry)
                                    <h6>Revenue Entry</h6>
                                    <p class="mb-1"><strong>Entry No:</strong> {{ $productSale->revenueEntry->entry_no }}</p>
                                    <p><strong>Date:</strong> {{ $productSale->revenueEntry->entry_date->format('d M Y') }}</p>

                                    <div class="table-responsive">
                                        <table class="table table-sm">
                                            <thead>
                                            <tr>
                                                <th>Account</th>
                                                <th class="text-end">Debit</th>
                                                <th class="text-end">Credit</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($productSale->revenueEntry->lines as $line)
                                                <tr>
                                                    <td>{{ $line->account->name ?? 'N/A' }}</td>
                                                    <td class="text-end">{{ $line->debit > 0 ? '৳'.number_format($line->debit, 2) : '-' }}</td>
                                                    <td class="text-end">{{ $line->credit > 0 ? '৳'.number_format($line->credit, 2) : '-' }}</td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                @endif

                                @if($productSale->cogsEntry)
                                    <h6 class="mt-3">COGS Entry</h6>
                                    <p class="mb-1"><strong>Entry No:</strong> {{ $productSale->cogsEntry->entry_no }}</p>
                                    <p><strong>Date:</strong> {{ $productSale->cogsEntry->entry_date->format('d M Y') }}</p>

                                    <div class="table-responsive">
                                        <table class="table table-sm">
                                            <thead>
                                            <tr>
                                                <th>Account</th>
                                                <th class="text-end">Debit</th>
                                                <th class="text-end">Credit</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($productSale->cogsEntry->lines as $line)
                                                <tr>
                                                    <td>{{ $line->account->name ?? 'N/A' }}</td>
                                                    <td class="text-end">{{ $line->debit > 0 ? '৳'.number_format($line->debit, 2) : '-' }}</td>
                                                    <td class="text-end">{{ $line->credit > 0 ? '৳'.number_format($line->credit, 2) : '-' }}</td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                @endif
                                </div>
                            @endif

                        </div>
                    </div>
                </div>
            </div>

            {{-- RIGHT: Actions + Summary (Template style) --}}
            <div class="col-xl-4">

                <div class="filter cm-content-box box-primary mb-3">
                    <div class="content-title SlideToolHeader">
                        <div class="cpa">
                            <i class="fa-solid fa-bolt me-1"></i>Actions
                        </div>
                        <div class="tools">
                            <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                        </div>
                    </div>

                    <div class="cm-content-body form excerpt">
                        <div class="card-body">

                            @if($productSale->status === 'draft')
                                <form action="{{ route('admin.product-sales.complete', $productSale->id) }}"
                                      method="POST" class="mb-2">
                                    @csrf
                                    <button type="submit" class="btn btn-success w-100"
                                            onclick="return confirm('Complete this sale? This will post to accounting and update inventory.')">
                                        <i class="fas fa-check me-1"></i> Complete Sale
                                    </button>
                                </form>

                                <a href="{{ route('admin.product-sales.edit', $productSale->id) }}"
                                   class="btn btn-primary w-100 mb-2">
                                    <i class="fas fa-edit me-1"></i> Edit Sale
                                </a>

                                <form action="{{ route('admin.product-sales.destroy', $productSale->id) }}"
                                      method="POST">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-danger w-100"
                                            onclick="return confirm('Delete this sale?')">
                                        <i class="fas fa-trash me-1"></i> Delete Sale
                                    </button>
                                </form>
                            @endif

                            @if($productSale->status === 'completed')
                                <form action="{{ route('admin.product-sales.cancel', $productSale->id) }}"
                                      method="POST">
                                    @csrf
                                    <button type="submit" class="btn btn-warning w-100"
                                            onclick="return confirm('Cancel this sale? This will void accounting entries and restore inventory.')">
                                        <i class="fas fa-ban me-1"></i> Cancel Sale
                                    </button>
                                </form>
                            @endif

                            <a href="{{ route('admin.product-sales.index') }}"
                               class="btn btn-secondary w-100 mt-2">
                                <i class="fas fa-arrow-left me-1"></i> Back to List
                            </a>

                        </div>
                    </div>
                </div>

                <div class="filter cm-content-box box-primary">
                    <div class="content-title SlideToolHeader">
                        <div class="cpa">
                            <i class="fa-solid fa-chart-pie me-1"></i>Summary
                        </div>
                        <div class="tools">
                            <a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
                        </div>
                    </div>

                    <div class="cm-content-body form excerpt">
                        <div class="card-body">
                            <p class="mb-2"><strong>Total Items:</strong> {{ $productSale->items->count() }}</p>
                            <p class="mb-2"><strong>Total Quantity:</strong> {{ $productSale->items->sum('quantity') }}</p>
                            <p class="mb-2"><strong>Revenue:</strong> ৳{{ number_format($productSale->total_amount, 2) }}</p>
                            <p class="mb-2"><strong>Cost:</strong> ৳{{ number_format($productSale->total_cost, 2) }}</p>

                            <p class="mb-2">
                                <strong>Profit:</strong>
                                <span style="color: {{ $productSale->profit_amount >= 0 ? 'green' : 'red' }}">
                                    ৳{{ number_format($productSale->profit_amount, 2) }}
                                </span>
                            </p>

                            @if($productSale->total_amount > 0)
                                <p class="mb-0">
                                    <strong>Profit Margin:</strong>
                                    {{ number_format(($productSale->profit_amount / $productSale->total_amount) * 100, 2) }}%
                                </p>
                            @endif
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>
</div>
@endsection

@section('customjs')
<script>
    // Auto-trigger print dialog if coming from successful sale creation
    @if(session('success'))
        setTimeout(function() {
            window.print();
        }, 500);
    @endif
</script>

<style>
    @media print {
        /* Hide sidebar, navbar, breadcrumbs, action buttons on print */
        .deznav, .header, .nav-header, .page-titles, .filter .tools, 
        .btn, button, form, .alert-success, .alert-warning {
            display: none !important;
        }

        /* Hide accounting section on print for cleaner invoice */
        .accounting-section {
            display: none !important;
        }

        /* Full width for invoice */
        .content-body {
            margin-left: 0 !important;
            padding: 20px !important;
        }

        .col-xl-8 {
            width: 100% !important;
            max-width: 100% !important;
        }

        .col-xl-4 {
            display: none !important;
        }

        /* Invoice styling */
        .filter.cm-content-box {
            border: 1px solid #000 !important;
            box-shadow: none !important;
            page-break-inside: avoid;
        }

        .content-title {
            background: #000 !important;
            color: #fff !important;
            print-color-adjust: exact;
            -webkit-print-color-adjust: exact;
        }

        /* Table styling for print */
        table {
            border-collapse: collapse !important;
        }

        table th, table td {
            border: 1px solid #000 !important;
            padding: 8px !important;
        }

        table thead {
            background: #f3f4f6 !important;
            print-color-adjust: exact;
            -webkit-print-color-adjust: exact;
        }

        /* Footer totals */
        tfoot {
            font-weight: bold !important;
            background: #f9fafb !important;
            print-color-adjust: exact;
            -webkit-print-color-adjust: exact;
        }
    }
</style>
@endsection