@extends('layouts.app')

@section('content')

<div class="container-fluid">

    {{-- Header --}}
    <div class="d-flex justify-content-between align-items-start mb-4">

        <div>

            <h1 class="mb-1">
                Supplier Ledger
            </h1>

            <p class="text-muted mb-0">
                {{ $supplier->company_name }}
            </p>

        </div>


        <a
            href="{{ route(
                'supplier.ledger.index',
                [
                    'from_date' => $fromDate,
                    'to_date' => $toDate,
                ]
            ) }}"
            class="btn btn-secondary"
        >
            ← Back
        </a>

    </div>


    {{-- Supplier Information --}}
    <div class="card mb-4">

        <div class="card-header">

            <strong>
                Supplier Information
            </strong>

        </div>


        <div class="card-body">

            <div class="row g-3">

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

                    <div class="text-muted">
                        Supplier
                    </div>

                    <strong>
                        {{ $supplier->company_name }}
                    </strong>

                </div>


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

                    <div class="text-muted">
                        Contact Person
                    </div>

                    <strong>
                        {{ $supplier->contact_person ?: '-' }}
                    </strong>

                </div>


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

                    <div class="text-muted">
                        Mobile
                    </div>

                    <strong>
                        {{ $supplier->mobile ?: '-' }}
                    </strong>

                </div>


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

                    <div class="text-muted">
                        GSTIN
                    </div>

                    <strong>
                        {{ $supplier->gstin ?: '-' }}
                    </strong>

                </div>


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

                    <div class="text-muted">
                        Period
                    </div>

                    <strong>
                        {{ \Carbon\Carbon::parse($fromDate)->format('d-m-Y') }}
                        -
                        {{ \Carbon\Carbon::parse($toDate)->format('d-m-Y') }}
                    </strong>

                </div>

            </div>

        </div>

    </div>


    {{-- Summary --}}
    <div class="row g-3 mb-4">

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

            <div class="card h-100">

                <div class="card-body">

                    <div class="text-muted">
                        Opening Balance
                    </div>

                    <h3>
                        ₹{{ number_format(
                            $openingBalance,
                            2
                        ) }}
                    </h3>

                </div>

            </div>

        </div>


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

            <div class="card h-100">

                <div class="card-body">

                    <div class="text-muted">
                        Total Purchases
                    </div>

                    <h3>
                        ₹{{ number_format(
                            $totalPurchases,
                            2
                        ) }}
                    </h3>

                </div>

            </div>

        </div>


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

            <div class="card h-100">

                <div class="card-body">

                    <div class="text-muted">
                        Total Paid
                    </div>

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

                </div>

            </div>

        </div>


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

            <div class="card h-100">

                <div class="card-body">

                    <div class="text-muted">
                        Outstanding
                    </div>

                    <h3 class="text-danger">
                        ₹{{ number_format(
                            $outstanding,
                            2
                        ) }}
                    </h3>

                </div>

            </div>

        </div>

    </div>


    {{-- Filters --}}
    <div class="card mb-4">

        <div class="card-header">

            <strong>
                Ledger Filters
            </strong>

        </div>


        <div class="card-body">

            <form
                method="GET"
                action="{{ route(
                    'supplier.ledger.show',
                    $supplier
                ) }}"
            >

                <div class="row g-3 align-items-end">

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

                        <label class="form-label">
                            From Date
                        </label>

                        <input
                            type="date"
                            name="from_date"
                            value="{{ $fromDate }}"
                            class="form-control"
                        >

                    </div>


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

                        <label class="form-label">
                            To Date
                        </label>

                        <input
                            type="date"
                            name="to_date"
                            value="{{ $toDate }}"
                            class="form-control"
                        >

                    </div>


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

                        <button
                            type="submit"
                            class="btn btn-primary w-100"
                        >
                            Apply
                        </button>

                    </div>


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

                        <a
                            href="{{ route(
                                'supplier.ledger.show',
                                $supplier
                            ) }}"
                            class="btn btn-secondary w-100"
                        >
                            Reset
                        </a>

                    </div>

                </div>

            </form>

        </div>

    </div>


    {{-- Ledger --}}
    <div class="card">

        <div class="card-header">

            <strong>
                Ledger Transactions
            </strong>

        </div>


        <div class="table-responsive">

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

                <thead>

                    <tr>

                        <th>
                            #
                        </th>

                        <th>
                            Date
                        </th>

                        <th>
                            Type
                        </th>

                        <th>
                            Reference
                        </th>

                        <th>
                            Description
                        </th>

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

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

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

                    </tr>

                </thead>


                <tbody>

                    @forelse($ledger as $index => $transaction)

                        <tr>

                            <td>
                                {{ $index + 1 }}
                            </td>


                            <td>

                                @if($transaction['date'])

                                    {{ \Carbon\Carbon::parse(
                                        $transaction['date']
                                    )->format('d-m-Y') }}

                                @else

                                    -

                                @endif

                            </td>


                            <td>

                                @if($transaction['type'] === 'Purchase')

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

                                @elseif(
                                    $transaction['type'] === 'Payment'
                                )

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

                                @else

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

                                @endif

                            </td>


                            <td>
                                {{ $transaction['reference'] }}
                            </td>


                            <td>
                                {{ $transaction['description'] }}
                            </td>


                            <td class="text-end">

                                @if($transaction['debit'] > 0)

                                    ₹{{ number_format(
                                        $transaction['debit'],
                                        2
                                    ) }}

                                @else

                                    -

                                @endif

                            </td>


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

                                @if($transaction['credit'] > 0)

                                    ₹{{ number_format(
                                        $transaction['credit'],
                                        2
                                    ) }}

                                @else

                                    -

                                @endif

                            </td>


                            <td class="text-end fw-bold">

                                ₹{{ number_format(
                                    $transaction['balance'],
                                    2
                                ) }}

                            </td>

                        </tr>

                    @empty

                        <tr>

                            <td
                                colspan="8"
                                class="text-center py-4"
                            >
                                No transactions found.
                            </td>

                        </tr>

                    @endforelse

                </tbody>


                <tfoot>

                    <tr>

                        <th colspan="5">
                            Closing Balance
                        </th>

                        <th class="text-end">
                            ₹{{ number_format(
                                $totalPurchases + $openingBalance,
                                2
                            ) }}
                        </th>

                        <th class="text-end text-success">
                            ₹{{ number_format(
                                $totalPaid,
                                2
                            ) }}
                        </th>

                        <th class="text-end text-danger">
                            ₹{{ number_format(
                                $outstanding,
                                2
                            ) }}
                        </th>

                    </tr>

                </tfoot>

            </table>

        </div>

    </div>

</div>

@endsection