@extends('customers.layout')

@section('breadcrumb')
<div class="page-title-box d-sm-flex align-items-center justify-content-between">
    <h4 class="mb-sm-0">Supplier Profile</h4>
    <div class="page-title-right">
        <ol class="breadcrumb m-0">
            <li class="breadcrumb-item"><a href="{{ url('dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{ url('suppliers') }}">Suppliers</a></li>
            <li class="breadcrumb-item active">{{ $supplier->name }}</li>
        </ol>
    </div>
</div>
@endsection

@section('content')
<div class="row">
    <div class="col-12">

        {{-- ── Supplier Header Card ── --}}
        <div class="card bg-primary bg-gradient text-white mb-3">
            <div class="card-body">
                <div class="row align-items-center">
                    <div class="col-auto">
                        <div class="avatar-lg">
                            <div class="avatar-title bg-white text-primary rounded-circle fs-1">
                                {{ strtoupper(substr($supplier->name ?? 'S', 0, 2)) }}
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <h3 class="text-white mb-2">{{ $supplier->name }}</h3>
                        <div class="d-flex flex-wrap gap-3 align-items-center">
                            @if($supplier->contact)
                            <span><i class="ri-phone-line me-1"></i>{{ $supplier->contact }}</span>
                            @endif
                            @if($supplier->alt_contact)
                            <span><i class="ri-phone-2-line me-1"></i>{{ $supplier->alt_contact }}</span>
                            @endif
                        </div>
                    </div>
                    <div class="col-auto">
                        <div class="text-end">
                            <h6 class="text-white-50 mb-1">Current Balance</h6>
                            <h2 class="text-white mb-0">
                                <span class="badge bg-{{ ($supplier->balance ?? 0) < 0 ? 'danger' : 'success' }} fs-4 px-3 py-2">
                                    UGX {{ number_format(abs($supplier->balance ?? 0)) }}
                                </span>
                            </h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- ── Action Buttons ── --}}
        <div class="card mb-3">
            <div class="card-body py-3">
                <div class="d-flex flex-wrap gap-2 justify-content-center">
                    @can('edit suppliers')
                    <a href="{{ route('suppliers.edit', compact('supplier')) }}" class="btn btn-primary">
                        <i class="ri-edit-line me-1"></i>Edit Supplier
                    </a>
                    @endcan
                    @can('delete suppliers')
                    <button class="btn btn-danger btn-delete" delete-item-form="delete_supplier_{{ $supplier->id }}">
                        <i class="ri-delete-bin-line me-1"></i>Delete
                    </button>
                    <form action="{{ route('suppliers.destroy', compact('supplier')) }}" id="delete_supplier_{{ $supplier->id }}" method="POST" style="display:none;">
                        @csrf
                        @method('DELETE')
                    </form>
                    @endcan
                </div>
            </div>
        </div>

        {{-- ── Tabs Card ── --}}
        <div class="card">
            <div class="card-body">

                <ul class="nav nav-tabs nav-border-top nav-border-top-primary mb-4" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" data-bs-toggle="tab" href="#tab-details" role="tab">
                            <i class="ri-information-line me-1"></i>Details
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-bs-toggle="tab" href="#tab-intakes" role="tab">
                            <i class="ri-download-2-line me-1"></i>Intakes
                            @if($supplier->intakes->count())
                                <span class="badge bg-secondary ms-1">{{ $supplier->intakes->count() }}</span>
                            @endif
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-bs-toggle="tab" href="#tab-payments" role="tab">
                            <i class="ri-money-dollar-circle-line me-1"></i>Payments
                            @if($supplier->payments->count())
                                <span class="badge bg-secondary ms-1">{{ $supplier->payments->count() }}</span>
                            @endif
                        </a>
                    </li>
                </ul>

                <div class="tab-content">

                    {{-- Details Tab --}}
                    <div class="tab-pane active" id="tab-details" role="tabpanel">
                        <div class="row">
                            <div class="col-lg-6">
                                <h5 class="mb-3">
                                    <i class="ri-user-line text-primary me-2"></i>Contact Information
                                </h5>
                                <table class="table table-borderless">
                                    <tbody>
                                        <tr>
                                            <td class="text-muted" style="width:40%;">Name:</td>
                                            <td class="fw-medium">{{ $supplier->name ?: '—' }}</td>
                                        </tr>
                                        <tr>
                                            <td class="text-muted">Contact:</td>
                                            <td>{{ $supplier->contact ?: '—' }}</td>
                                        </tr>
                                        <tr>
                                            <td class="text-muted">Alt. Contact:</td>
                                            <td>{{ $supplier->alt_contact ?: '—' }}</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-lg-6">
                                <h5 class="mb-3">
                                    <i class="ri-bank-line text-primary me-2"></i>Financial Information
                                </h5>
                                <table class="table table-borderless">
                                    <tbody>
                                        <tr>
                                            <td class="text-muted" style="width:40%;">Balance:</td>
                                            <td>
                                                <span class="badge bg-{{ ($supplier->balance ?? 0) < 0 ? 'danger' : 'success' }}-subtle text-{{ ($supplier->balance ?? 0) < 0 ? 'danger' : 'success' }} fs-6">
                                                    UGX {{ number_format($supplier->balance ?? 0) }}
                                                </span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="text-muted">Created:</td>
                                            <td>{{ Carbon\Carbon::parse($supplier->created_at)->format('d M Y, H:i') }}</td>
                                        </tr>
                                        <tr>
                                            <td class="text-muted">Updated:</td>
                                            <td>{{ Carbon\Carbon::parse($supplier->updated_at)->format('d M Y, H:i') }}</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                    {{-- Intakes Tab --}}
                    <div class="tab-pane" id="tab-intakes" role="tabpanel">
                        <div class="table-responsive">
                            <table class="table table-hover align-middle dataTable">
                                <thead class="table-light">
                                    <tr>
                                        <th>Date</th>
                                        <th>Branch</th>
                                        <th>Inventory Item</th>
                                        <th class="text-end">Rate</th>
                                        <th class="text-end">Quantity</th>
                                        <th class="text-end">Amount</th>
                                        <th class="text-center">Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($supplier->intakes as $intake)
                                    <tr>
                                        <td class="text-nowrap">{{ date('d M, Y', strtotime($intake->date)) }}</td>
                                        <td>{{ $intake?->summary?->branch?->name ?? '—' }}</td>
                                        <td>{{ $intake->inventory?->name ?? '—' }}</td>
                                        <td class="text-end fw-medium">{{ $intake->rate ? number_format($intake->supplier_rate) : 0 }}</td>
                                        <td class="text-end fw-medium">{{ $intake->quantity ? number_format($intake->quantity) : 0 }}</td>
                                        <td class="text-end fw-medium text-nowrap">
                                            UGX {{ $intake->amount ? number_format($intake->supplier_rate * $intake->quantity) : 0 }}
                                        </td>
                                        <td class="text-center">
                                            @if($intake->summary?->status == "Open")
                                            <a href="{{ url('intakes/'.$intake->id.'/edit') }}" class="btn btn-sm btn-warning">
                                                <i class="ri-edit-line"></i>
                                            </a>
                                            @endif
                                        </td>
                                    </tr>
                                    @empty
                                    <tr>
                                        <td colspan="7" class="text-center text-muted py-4">
                                            <i class="ri-download-2-line fs-1 d-block mb-2"></i>
                                            No intake records found
                                        </td>
                                    </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>

                    {{-- Payments Tab --}}
                    <div class="tab-pane" id="tab-payments" role="tabpanel">
                        <div class="text-end mb-3">
                            <a href="{{ url('payments/create') }}?supplier_id={{ $supplier->id }}" class="btn btn-success">
                                <i class="ri-add-line me-1"></i>Add Payment
                            </a>
                        </div>
                        <div class="table-responsive">
                            <table class="table table-hover align-middle dataTable">
                                <thead class="table-light">
                                    <tr>
                                        <th>Date</th>
                                        <th class="text-end">Amount</th>
                                        <th class="text-end">Balance After</th>
                                        <th class="text-center">Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($supplier->payments as $payment)
                                    <tr>
                                        <td class="text-nowrap">{{ date('d M, Y', strtotime($payment->date)) }}</td>
                                        <td class="text-end fw-medium">UGX {{ $payment->amount ? number_format($payment->amount) : '0' }}</td>
                                        <td class="text-end fw-medium">UGX {{ $payment->amount ? number_format($payment->balance) : '0' }}</td>
                                        <td class="text-center">
                                            @can('edit payments')
                                            <a href="{{ url('payments/'.$payment->id.'/edit') }}" class="btn btn-sm btn-warning">
                                                <i class="ri-edit-line"></i>
                                            </a>
                                            @endcan
                                        </td>
                                    </tr>
                                    @empty
                                    <tr>
                                        <td colspan="4" class="text-center text-muted py-4">
                                            <i class="ri-money-dollar-circle-line fs-1 d-block mb-2"></i>
                                            No payment records found
                                        </td>
                                    </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>

                </div>{{-- /.tab-content --}}
            </div>{{-- /.card-body --}}
        </div>{{-- /.card --}}

    </div>
</div>
@endsection