@extends('layouts.app')

@section('title', 'Sale Details')

@section('content')

<div class="d-flex justify-content-between align-items-center mb-4">

    <div>
        <h2 class="mb-1">
            Sale Details
        </h2>

        <p class="text-muted mb-0">
            {{ $sale->sale_no }}
        </p>
    </div>

    <div class="d-flex gap-2">

        <a
            href="{{ route('sales.print', $sale) }}"
            class="btn btn-outline-secondary"
            target="_blank"
        >
            🖨 Print Invoice
        </a>

        @if(auth()->user()->role === 'owner')
            <a
                href="{{ route('sales.edit', $sale) }}"
                class="btn btn-warning"
            >
                Edit
            </a>
        @endif

        <a
            href="{{ route('sales.index') }}"
            class="btn btn-secondary"
        >
            ← Back
        </a>

    </div>

</div>


{{-- ========================================================= --}}
{{-- SUCCESS MESSAGE --}}
{{-- ========================================================= --}}

@if(session('success'))

    <div class="alert alert-success alert-dismissible fade show">

        {{ session('success') }}

        <button
            type="button"
            class="btn-close"
            data-bs-dismiss="alert"
        ></button>

    </div>

@endif


{{-- ========================================================= --}}
{{-- ERROR MESSAGE --}}
{{-- ========================================================= --}}

@if($errors->any())

    <div class="alert alert-danger">

        <strong>Please fix the following:</strong>

        <ul class="mb-0 mt-2">

            @foreach($errors->all() as $error)

                <li>{{ $error }}</li>

            @endforeach

        </ul>

    </div>

@endif


{{-- ========================================================= --}}
{{-- SALE INFORMATION --}}
{{-- ========================================================= --}}

<div class="card shadow-sm mb-4">

    <div class="card-header">

        <strong>
            Sale Information
        </strong>

    </div>


    <div class="card-body">

        <div class="row g-4">

            {{-- Sale Number --}}
            <div class="col-md-4">

                <div class="text-muted mb-1">
                    Sale Number
                </div>

                <strong>
                    {{ $sale->sale_no }}
                </strong>

            </div>


            {{-- Customer --}}
            <div class="col-md-4">

                <div class="text-muted mb-1">
                    Customer
                </div>

                <strong>
                    {{ $sale->customer_name ?: 'Walk-in Customer' }}
                </strong>

                @if($sale->customer_phone)

                    <div class="small text-muted mt-1">
                        {{ $sale->customer_phone }}
                    </div>

                @endif

            </div>


            {{-- Sale Date --}}
            <div class="col-md-4">

                <div class="text-muted mb-1">
                    Sale Date
                </div>

                <strong>
                    {{ $sale->sale_date
                        ? $sale->sale_date->format('d-m-Y')
                        : '-'
                    }}
                </strong>

            </div>


            {{-- Invoice Number --}}
            <div class="col-md-4">

                <div class="text-muted mb-1">
                    Invoice Number
                </div>

                <strong>
                    {{ $sale->invoice_no ?: '-' }}
                </strong>

            </div>


            {{-- Payment Status --}}
            <div class="col-md-4">

                <div class="text-muted mb-1">
                    Payment Status
                </div>

                @if($sale->payment_status === 'Paid')

                    <span class="badge bg-success">
                        Paid
                    </span>

                @elseif($sale->payment_status === 'Partial')

                    <span class="badge bg-warning text-dark">
                        Partial
                    </span>

                @else

                    <span class="badge bg-danger">
                        Unpaid
                    </span>

                @endif

            </div>


            {{-- Created By --}}
            <div class="col-md-4">

                <div class="text-muted mb-1">
                    Created By
                </div>

                <strong>
                    {{ $sale->creator->name ?? 'N/A' }}
                </strong>

            </div>

        </div>


        @if($sale->notes)

            <hr>

            <div>

                <div class="text-muted mb-1">
                    Notes
                </div>

                <div>
                    {{ $sale->notes }}
                </div>

            </div>

        @endif

    </div>

</div>



{{-- ========================================================= --}}
{{-- SOLD PRODUCTS --}}
{{-- ========================================================= --}}

<div class="card shadow-sm mb-4">

    <div class="card-header">

        <strong>
            Sold Products
        </strong>

    </div>


    <div class="card-body p-0">

        <div class="table-responsive">

            <table class="table table-bordered align-middle mb-0">

                <thead class="table-light">

                    <tr>

                        <th>#</th>

                        <th>Product</th>

                        <th class="text-end">
                            Qty
                        </th>
                        @if(auth()->user()->role === 'owner')

                        <th class="text-end">
                            Cost Price
                        </th>
                        @endif

                        <th class="text-end">
                            Selling Price
                        </th>

                        <th class="text-end">
                            MRP
                        </th>

                        <th class="text-end">
                            GST %
                        </th>

                        <th class="text-end">
                            Tax
                        </th>

                        <th class="text-end">
                            Line Total
                        </th>
                        @if(auth()->user()->role === 'owner')

                        <th class="text-end">
                            Profit
                        </th>
                        @endif

                    </tr>

                </thead>


                <tbody>

                    @forelse($sale->items as $item)

                        <tr>

                            <td>
                                {{ $loop->iteration }}
                            </td>


                            <td>

                                @if($item->product)

                                    <strong>
                                        {{ $item->product->name }}
                                    </strong>

                                    @if($item->product->sku)

                                        <div class="small text-muted">
                                            SKU: {{ $item->product->sku }}
                                        </div>

                                    @endif

                                @else

                                    <span class="text-muted">
                                        Product Deleted
                                    </span>

                                @endif

                            </td>


                            <td class="text-end">

                                {{ number_format((float) $item->qty, 2) }}

                                @if((float) $item->free_qty > 0)

                                    <div class="small text-success">
                                        +{{ number_format((float) $item->free_qty, 2) }}
                                        Free
                                    </div>

                                @endif

                            </td>
                            @if(auth()->user()->role === 'owner')


                            <td class="text-end">

                                ₹{{ number_format((float) $item->cost_price, 2) }}

                            </td>
                            @endif


                            <td class="text-end">

                                ₹{{ number_format((float) $item->selling_price, 2) }}

                            </td>


                            <td class="text-end">

                                ₹{{ number_format((float) $item->mrp, 2) }}

                            </td>


                            <td class="text-end">

                                {{ number_format((float) $item->gst_rate, 2) }}%

                            </td>


                            <td class="text-end">

                                ₹{{ number_format((float) $item->tax_amount, 2) }}

                            </td>


                            <td class="text-end">

                                <strong>
                                    ₹{{ number_format((float) $item->line_total, 2) }}
                                </strong>

                            </td>
                            @if(auth()->user()->role === 'owner')


                            <td class="text-end">

                                @if((float) $item->profit >= 0)

                                    <strong class="text-success">
                                        ₹{{ number_format((float) $item->profit, 2) }}
                                    </strong>

                                @else

                                    <strong class="text-danger">
                                        ₹{{ number_format((float) $item->profit, 2) }}
                                    </strong>

                                @endif

                            </td>
                            @endif

                        </tr>

                    @empty

                        <tr>

                            <td
                                colspan="10"
                                class="text-center py-5 text-muted"
                            >
                                No products found for this sale.
                            </td>

                        </tr>

                    @endforelse

                </tbody>

            </table>

        </div>

    </div>

</div>



{{-- ========================================================= --}}
{{-- SALE SUMMARY + PAYMENT SUMMARY --}}
{{-- ========================================================= --}}

@php

    $totalProfit = $sale->items->sum(
        fn ($item) => (float) $item->profit
    );

    $paidAmount = $sale->payments->sum(
        fn ($payment) => (float) $payment->amount
    );

    $grandTotal = (float) $sale->grand_total;

    $outstandingAmount = max(
        0,
        $grandTotal - $paidAmount
    );

@endphp


<div class="row g-4">


    {{-- ===================================================== --}}
    {{-- SALE SUMMARY --}}
    {{-- ===================================================== --}}

    <div class="col-md-6">

        <div class="card shadow-sm h-100">

            <div class="card-header">

                <strong>
                    Sale Summary
                </strong>

            </div>


            <div class="card-body">

                <div class="d-flex justify-content-between mb-3">

                    <span>
                        Subtotal
                    </span>

                    <strong>
                        ₹{{ number_format((float) $sale->subtotal, 2) }}
                    </strong>

                </div>


                <div class="d-flex justify-content-between mb-3">

                    <span>
                        Discount
                    </span>

                    <strong>
                        ₹{{ number_format((float) $sale->discount, 2) }}
                    </strong>

                </div>


                <div class="d-flex justify-content-between mb-3">

                    <span>
                        GST Total
                    </span>

                    <strong>
                        ₹{{ number_format((float) $sale->gst_total, 2) }}
                    </strong>

                </div>


                <hr>


                <div class="d-flex justify-content-between mb-4">

                    <h5 class="mb-0">
                        Grand Total
                    </h5>

                    <h5 class="mb-0">
                        ₹{{ number_format($grandTotal, 2) }}
                    </h5>

                </div>
                @if(auth()->user()->role === 'owner')


                <div class="d-flex justify-content-between">

                    <span>
                        Total Profit
                    </span>

                    <strong class="text-success">
                        ₹{{ number_format($totalProfit, 2) }}
                    </strong>

                </div>
                @endif

            </div>

        </div>

    </div>



    {{-- ===================================================== --}}
    {{-- PAYMENT SUMMARY --}}
    {{-- ===================================================== --}}

    <div class="col-md-6">

        <div class="card shadow-sm h-100">

            <div class="card-header">

                <strong>
                    Payment Summary
                </strong>

            </div>


            <div class="card-body">

                <div class="d-flex justify-content-between mb-3">

                    <span>
                        Grand Total
                    </span>

                    <strong>
                        ₹{{ number_format($grandTotal, 2) }}
                    </strong>

                </div>


                <div class="d-flex justify-content-between mb-3">

                    <span>
                        Paid Amount
                    </span>

                    <strong class="text-success">
                        ₹{{ number_format($paidAmount, 2) }}
                    </strong>

                </div>


                <div class="d-flex justify-content-between mb-3">

                    <span>
                        Outstanding
                    </span>

                    <strong
                        class="{{ $outstandingAmount > 0 ? 'text-danger' : 'text-success' }}"
                    >
                        ₹{{ number_format($outstandingAmount, 2) }}
                    </strong>

                </div>


                <hr>


                <div class="d-flex justify-content-between align-items-center">

                    <span>
                        Status
                    </span>


                    @if($outstandingAmount <= 0)

                        <span class="badge bg-success">
                            Paid
                        </span>

                    @elseif($paidAmount > 0)

                        <span class="badge bg-warning text-dark">
                            Partial
                        </span>

                    @else

                        <span class="badge bg-danger">
                            Unpaid
                        </span>

                    @endif

                </div>

            </div>

        </div>

    </div>

</div>



{{-- ========================================================= --}}
@if(auth()->user()->role === 'owner')

{{-- ADD PAYMENT --}}
{{-- ========================================================= --}}

@if($outstandingAmount > 0)

    <div class="card shadow-sm mt-4">

        <div class="card-header">

            <strong>
                Add Payment
            </strong>

        </div>


        <div class="card-body">

            <form
                action="{{ route('sales.payments.store', $sale) }}"
                method="POST"
            >

                @csrf

                <div class="row g-3">


                    {{-- Amount --}}
                    <div class="col-md-3">

                        <label class="form-label">
                            Amount <span class="text-danger">*</span>
                        </label>

                        <input
                            type="number"
                            name="amount"
                            class="form-control"
                            min="0.01"
                            max="{{ number_format($outstandingAmount, 2, '.', '') }}"
                            step="0.01"
                            value="{{ old('amount') }}"
                            placeholder="Enter amount"
                            required
                        >

                        <div class="form-text">

                            Outstanding:
                            ₹{{ number_format($outstandingAmount, 2) }}

                        </div>

                    </div>


                    {{-- Payment Method --}}
                    <div class="col-md-2">

                        <label class="form-label">
                            Method <span class="text-danger">*</span>
                        </label>

                        <select
                            name="payment_method"
                            class="form-select"
                            required
                        >

                            <option value="Cash">
                                Cash
                            </option>

                            <option value="UPI">
                                UPI
                            </option>

                            <option value="Bank">
                                Bank
                            </option>

                            <option value="Card">
                                Card
                            </option>

                            <option value="Other">
                                Other
                            </option>

                        </select>

                    </div>


                    {{-- Payment Date --}}
                    <div class="col-md-2">

                        <label class="form-label">
                            Date <span class="text-danger">*</span>
                        </label>

                        <input
                            type="date"
                            name="payment_date"
                            class="form-control"
                            value="{{ old(
                                'payment_date',
                                now()->format('Y-m-d')
                            ) }}"
                            required
                        >

                    </div>


                    {{-- Reference --}}
                    <div class="col-md-2">

                        <label class="form-label">
                            Reference No.
                        </label>

                        <input
                            type="text"
                            name="reference_no"
                            class="form-control"
                            value="{{ old('reference_no') }}"
                            placeholder="UPI / Txn No."
                        >

                    </div>


                    {{-- Notes --}}
                    <div class="col-md-3">

                        <label class="form-label">
                            Notes
                        </label>

                        <input
                            type="text"
                            name="notes"
                            class="form-control"
                            value="{{ old('notes') }}"
                            placeholder="Optional"
                        >

                    </div>


                    {{-- Button --}}
                    <div class="col-12">

                        <button
                            type="submit"
                            class="btn btn-success"
                        >
                            + Add Payment
                        </button>

                    </div>

                </div>

            </form>

        </div>

    </div>

@endif



{{-- ========================================================= --}}

@endif


{{-- PAYMENT HISTORY --}}
{{-- ========================================================= --}}

<div class="card shadow-sm mt-4">

    <div class="card-header">

        <strong>
            Payment History
        </strong>

    </div>


    <div class="card-body p-0">

        <div class="table-responsive">

            <table class="table table-bordered table-hover align-middle mb-0">

                <thead class="table-light">

                    <tr>

                        <th>
                            #
                        </th>

                        <th>
                            Date
                        </th>

                        <th>
                            Method
                        </th>

                        <th>
                            Reference
                        </th>

                        <th>
                            Notes
                        </th>

                        <th>
                            Added By
                        </th>

                        <th class="text-end">
                            Amount
                        </th>

                    </tr>

                </thead>


                <tbody>

                    @forelse($sale->payments->sortByDesc('payment_date') as $payment)

                        <tr>

                            <td>
                                {{ $loop->iteration }}
                            </td>


                            <td>

                                {{ $payment->payment_date
                                    ? $payment->payment_date->format('d-m-Y')
                                    : '-'
                                }}

                            </td>


                            <td>

                                @if($payment->payment_method === 'Cash')

                                    <span class="badge bg-success">
                                        Cash
                                    </span>

                                @elseif($payment->payment_method === 'UPI')

                                    <span class="badge bg-primary">
                                        UPI
                                    </span>

                                @elseif($payment->payment_method === 'Bank')

                                    <span class="badge bg-info text-dark">
                                        Bank
                                    </span>

                                @elseif($payment->payment_method === 'Card')

                                    <span class="badge bg-warning text-dark">
                                        Card
                                    </span>

                                @else

                                    <span class="badge bg-secondary">
                                        Other
                                    </span>

                                @endif

                            </td>


                            <td>

                                {{ $payment->reference_no ?: '-' }}

                            </td>


                            <td>

                                {{ $payment->notes ?: '-' }}

                            </td>


                            <td>

                                {{ $payment->creator->name ?? 'N/A' }}

                            </td>


                            <td class="text-end">

                                <strong>
                                    ₹{{ number_format((float) $payment->amount, 2) }}
                                </strong>

                            </td>

                        </tr>

                    @empty

                        <tr>

                            <td
                                colspan="7"
                                class="text-center py-5 text-muted"
                            >

                                No payments recorded yet.

                            </td>

                        </tr>

                    @endforelse

                </tbody>

            </table>

        </div>

    </div>

</div>



{{-- ========================================================= --}}
{{-- STOCK IMPACT --}}
{{-- ========================================================= --}}

@if($sale->stockLedgers->count())

    <div class="card shadow-sm mt-4">

        <div class="card-header">

            <strong>
                Stock Impact
            </strong>

        </div>


        <div class="card-body">

            <div class="table-responsive">

                <table class="table table-bordered mb-0">

                    <thead class="table-light">

                        <tr>

                            <th>
                                Product
                            </th>

                            <th>
                                Transaction
                            </th>

                            <th class="text-end">
                                Qty In
                            </th>

                            <th class="text-end">
                                Qty Out
                            </th>

                            <th class="text-end">
                                Balance
                            </th>

                        </tr>

                    </thead>


                    <tbody>

                        @foreach($sale->stockLedgers as $ledger)

                            <tr>

                                <td>

                                    {{ $ledger->product->name ?? 'Product Deleted' }}

                                </td>


                                <td>

                                    <span class="badge bg-primary">
                                        {{ ucfirst($ledger->transaction_type) }}
                                    </span>

                                </td>


                                <td class="text-end">

                                    {{ number_format((float) $ledger->qty_in, 2) }}

                                </td>


                                <td class="text-end text-danger">

                                    {{ number_format((float) $ledger->qty_out, 2) }}

                                </td>


                                <td class="text-end">

                                    <strong>
                                        {{ number_format((float) $ledger->balance, 2) }}
                                    </strong>

                                </td>

                            </tr>

                        @endforeach

                    </tbody>

                </table>

            </div>

        </div>

    </div>

@endif

@endsection