@extends('layouts.app')

@section('content')

<div class="container-fluid">

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

        <div>

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

            <p class="text-muted mb-0">
                View supplier purchases, payments and outstanding balances
            </p>

        </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 class="mb-0">
                        ₹{{ number_format(
                            $totalOpeningBalance,
                            2
                        ) }}
                    </h3>

                </div>

            </div>

        </div>


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

            <div class="card h-100">

                <div class="card-body">

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

                    <h3 class="mb-0">
                        ₹{{ 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">
                        Payments
                    </div>

                    <h3 class="mb-0 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="mb-0 text-danger">
                        ₹{{ number_format(
                            $totalOutstanding,
                            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.index'
                ) }}"
            >

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

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

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

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

                    </div>


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

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

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

                    </div>


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

                        <label class="form-label">
                            Search Supplier
                        </label>

                        <input
                            type="text"
                            name="search"
                            value="{{ request('search') }}"
                            class="form-control"
                            placeholder="Supplier, contact, mobile, GSTIN..."
                        >

                    </div>


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

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

                    </div>

                </div>

            </form>

        </div>

    </div>


    {{-- Supplier Records --}}
    <div class="card">

        <div class="card-header">

            <strong>
                Supplier Accounts
            </strong>

        </div>


        <div class="table-responsive">

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

                <thead>

                    <tr>

                        <th style="width:60px;">
                            #
                        </th>

                        <th>
                            Supplier
                        </th>

                        <th>
                            Opening Balance
                        </th>

                        <th>
                            Purchases
                        </th>

                        <th>
                            Paid
                        </th>

                        <th>
                            Outstanding
                        </th>

                        <th style="width:120px;">
                            Action
                        </th>

                    </tr>

                </thead>


                <tbody>

                    @forelse(
                        $suppliers
                        as $index => $supplier
                    )

                        <tr>

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


                            <td>

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

                                @if($supplier->contact_person)

                                    <br>

                                    <small class="text-muted">
                                        {{ $supplier->contact_person }}
                                    </small>

                                @endif


                                @if($supplier->mobile)

                                    <br>

                                    <small class="text-muted">
                                        {{ $supplier->mobile }}
                                    </small>

                                @endif

                            </td>


                            <td>
                                ₹{{ number_format(
                                    $supplier->ledger_opening_balance,
                                    2
                                ) }}
                            </td>


                            <td>
                                ₹{{ number_format(
                                    $supplier->ledger_purchase_amount,
                                    2
                                ) }}
                            </td>


                            <td class="text-success">

                                ₹{{ number_format(
                                    $supplier->ledger_paid_amount,
                                    2
                                ) }}

                            </td>


                            <td class="fw-bold">

                                @if(
                                    $supplier->ledger_outstanding > 0
                                )

                                    <span class="text-danger">
                                        ₹{{ number_format(
                                            $supplier->ledger_outstanding,
                                            2
                                        ) }}
                                    </span>

                                @elseif(
                                    $supplier->ledger_outstanding < 0
                                )

                                    <span class="text-success">
                                        ₹{{ number_format(
                                            abs(
                                                $supplier->ledger_outstanding
                                            ),
                                            2
                                        ) }}
                                        Advance
                                    </span>

                                @else

                                    <span class="text-success">
                                        ₹0.00
                                    </span>

                                @endif

                            </td>


                            <td>

                                <a
                                    href="{{ route(
                                        'supplier.ledger.show',
                                        [
                                            'supplier' =>
                                                $supplier->id,

                                            'from_date' =>
                                                $fromDate,

                                            'to_date' =>
                                                $toDate,
                                        ]
                                    ) }}"
                                    class="btn btn-outline-primary btn-sm"
                                >
                                    View Ledger
                                </a>

                            </td>

                        </tr>

                    @empty

                        <tr>

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

                        </tr>

                    @endforelse

                </tbody>

            </table>

        </div>

    </div>

</div>

@endsection