@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h4 class="mb-0">Payment Schedules - {{ $date->format('l, F d, Y') }}</h4>
        <div>
            <button type="button" onclick="history.back()" class="btn btn-light">
                <i class="fas fa-arrow-left mr-2"></i>Back
            </button>
            <a href="{{ route('reseller.sales-payment-schedules.index') }}" class="btn btn-secondary">
                <i class="fas fa-list mr-2"></i>All Schedules
            </a>
        </div>
    </div>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <!-- Summary Cards -->
    <div class="row mb-4">
        <div class="col-md-4">
            <div class="card border-primary">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h6 class="text-muted mb-1">Total Expected Amount</h6>
                            <h4 class="mb-0 text-primary">BDT {{ number_format($totalExpectedAmount, 2) }}</h4>
                        </div>
                        <div>
                            <i class="fas fa-calendar-alt fa-2x text-primary"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card border-success">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h6 class="text-muted mb-1">Total Payment Amount</h6>
                            <h4 class="mb-0 text-success">BDT {{ number_format($totalPaymentAmount, 2) }}</h4>
                        </div>
                        <div>
                            <i class="fas fa-money-bill-wave fa-2x text-success"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card border-info">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h6 class="text-muted mb-1">Total Schedules</h6>
                            <h4 class="mb-0 text-info">{{ $totalCount }}</h4>
                        </div>
                        <div>
                            <i class="fas fa-list fa-2x text-info"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Schedules Table -->
    @if($schedules->count() > 0)
        <div class="card">
            <div class="card-header {{ $date->isToday() ? 'bg-warning text-dark' : 'bg-light' }}">
                <h5 class="mb-0">
                    <i class="fas fa-calendar-day mr-2"></i>
                    {{ $date->format('l, F d, Y') }}
                    @if($date->isToday())
                        <span class="badge badge-dark ml-2">Today</span>
                    @endif
                    <span class="badge badge-primary ml-2">{{ $schedules->count() }} schedule(s)</span>
                </h5>
            </div>
            <div class="table-responsive">
                <table class="table table-bordered mb-0">
                    <thead class="thead-light">
                        <tr>
                            <th>#</th>
                            <th>Invoice</th>
                            <th>Company Name</th>
                            <th>Mobile Number</th>
                            <th>Expected Amount</th>
                            <th>Payment Amount</th>
                            <th>Paid On</th>
                            <th>Method</th>
                            <th class="text-right">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($schedules as $index => $schedule)
                            <tr>
                                <td>{{ $index + 1 }}</td>
                                <td>{{ optional($schedule->salesInvoice)->invoice_no ?? 'N/A' }}</td>
                                <td>
                                    @php
                                        $user = $schedule->user;
                                        $displayName = $user && $user->company_name ? $user->company_name : ($user ? $user->name : 'N/A');
                                    @endphp
                                    {{ $displayName }}
                                </td>
                                <td>
                                    @php
                                        $user = $schedule->user;
                                        $mobileNumber = $user && $user->phone ? $user->phone : 'N/A';
                                    @endphp
                                    {{ $mobileNumber }}
                                </td>
                                <td>BDT {{ number_format($schedule->expected_payment_amount, 2) }}</td>
                                <td>BDT {{ number_format($schedule->transaction_payment_amount ?? 0, 2) }}</td>
                                <td>{{ optional($schedule->paid_on)->format('Y-m-d') ?? '—' }}</td>
                                <td>{{ $schedule->payment_method ? ucfirst(str_replace('_', ' ', $schedule->payment_method)) : '—' }}</td>
                                <td class="text-right">
                                    <a href="{{ route('reseller.sales-payment-schedules.show', $schedule) }}" class="btn btn-sm btn-outline-info" title="View">
                                        <i class="fas fa-eye"></i> View
                                    </a>
                                    <a href="{{ route('reseller.sales-payment-schedules.edit', $schedule) }}" class="btn btn-sm btn-outline-primary">
                                        Edit
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                    <tfoot class="table-info">
                        <tr>
                            <th colspan="4" class="text-right"><strong>Date Total:</strong></th>
                            <th class="text-right"><strong>BDT {{ number_format($totalExpectedAmount, 2) }}</strong></th>
                            <th class="text-right"><strong>BDT {{ number_format($totalPaymentAmount, 2) }}</strong></th>
                            <th colspan="3"></th>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    @else
        <div class="card">
            <div class="card-body text-center text-muted py-5">
                <i class="fas fa-calendar-times fa-3x mb-3"></i>
                <p class="mb-0">No payment schedules found for {{ $date->format('F d, Y') }}.</p>
            </div>
        </div>
    @endif
</div>
@endsection