@extends('master.app')
@section('title', 'Supplier Advances')

@section('body')
<main class="app-content">
    <section>
        <div class="card shadow-sm border-0" style="border-radius:18px; overflow:hidden;">

            {{-- TOP BAR --}}
            <div class="p-3 p-md-4 border-bottom"
                 style="background:linear-gradient(135deg, rgba(25,135,84,.10), rgba(13,110,253,.06));">
                <div class="d-flex flex-wrap align-items-center justify-content-between gap-2">
                    <div>
                        <h5 class="mb-0 fw-bold">
                            <i class="fa fa-hand-holding-dollar me-1"></i> Supplier Advances
                        </h5>
                        <small class="text-muted">Manage advances & target cash records</small>
                    </div>

                    <div class="d-flex flex-wrap gap-2">
                        {{-- <a href="{{ route('msupplier_advance.report_show') }}"
                           class="btn btn-sm btn-light border" style="border-radius:10px;">
                            <i class="fa fa-chart-bar me-1"></i> Report
                        </a> --}}

                        @include('general.filter-button')

                        <a href="{{ route('msupplier_advance.create') }}"
                           class="btn btn-sm btn-success" style="border-radius:10px;">
                            <i class="fa fa-plus me-1"></i> Add Advance
                        </a>
                    </div>
                </div>
            </div>

            <div class="card-body p-3 p-md-4">
                @include('general.valert')

                {{-- FILTER FORM --}}
                {{-- @include('purchase.advances.filter-form') --}}

                <div class="table-responsive mt-3">
                    <table class="table table-hover align-middle">
                        <thead class="bg-light">
                            <tr>
                                <th style="width:60px;">#</th>
                                <th style="width:140px;">Number</th>
                                <th>Supplier</th>
                                <th>Title</th>
                                <th style="width:130px;">Date</th>
                                <th style="width:170px;" class="text-end">Amount</th>
                                <th style="width:140px;" class="text-center">Target</th>
                                <th style="width:120px;" class="text-end">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($advances as $row)
                                <tr>
                                    <td class="fw-bold">{{ $loop->iteration }}</td>
                                    <td>
                                        <span class="badge bg-dark">
                                            <i class="fa fa-hashtag me-1"></i>{{ $row->invoice_number }}
                                        </span>
                                    </td>
                                    <td>
                                        <div class="fw-bold">{{ $row->supplier->name ?? 'N/A' }}</div>
                                        <small class="text-muted">
                                            <i class="fa fa-coins me-1"></i>{{ $row->currency->title_en ?? '-' }}
                                            @if(!empty($row->ex_rate) && (float)$row->ex_rate != 1)
                                                <span class="ms-2"><i class="fa fa-exchange-alt me-1"></i>{{ $row->ex_rate }}</span>
                                            @endif
                                        </small>
                                    </td>
                                    <td>{{ $row->title }}</td>
                                    <td>
                                        <i class="fa fa-calendar me-1 text-muted"></i>{{ $row->date }}
                                    </td>
                                    <td class="text-end fw-bold">
                                        {{ number_format((float)$row->amount, 2) }}
                                        {{ $row->currency->title_en ?? '' }}
                                    </td>
                                    <td class="text-center">
                                        @if($row->c_target == 1)
                                            <span class="badge bg-success">
                                                <i class="fa fa-check me-1"></i> Yes
                                            </span>
                                        @else
                                            <span class="badge bg-secondary">
                                                <i class="fa fa-times me-1"></i> No
                                            </span>
                                        @endif
                                    </td>
                                    <td class="text-end">
                                        <a href="{{ route('msupplier_advance.edit', $row->id) }}"
                                           class="btn btn-sm btn-light border" style="border-radius:10px;"
                                           title="Edit">
                                            <i class="fa fa-pen text-primary"></i>
                                        </a>

                                        <a href="{{ route('msupplier_advance.delete', $row->id) }}"
                                           class="btn btn-sm btn-light border" style="border-radius:10px;"
                                           onclick="return confirm('Are you sure you want to delete this advance?')"
                                           title="Delete">
                                            <i class="fa fa-trash text-danger"></i>
                                        </a>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="8" class="text-center text-muted py-4">
                                        <i class="fa fa-info-circle me-1"></i> No advances found.
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                <div class="d-flex justify-content-end">
                    {{ $advances->links('pagination::bootstrap-4') }}
                </div>
            </div>
        </div>
    </section>
</main>

@include('purchase.advances.filter-modal')
@endsection

@section('pageJs')
<script>
    $(".app-menu").removeClass("active");
    $("#nav_purchase1").addClass("active");
    $("#purchasei").addClass("is-expanded");
    $("#purchase_advances").addClass("active");

    $("#type_id").change(function() {
        var type = $("#type_id").val();
        if (type == 1) {
            $("#by_invoice_number").show();
            $("#by_title").hide();
            $("#by_date").hide();
        } else if (type == 2) {
            $("#by_invoice_number").hide();
            $("#by_title").show();
            $("#by_date").hide();
        } else {
            $("#by_invoice_number").hide();
            $("#by_title").hide();
            $("#by_date").show();
        }
    });
</script>
@endsection