@extends('layouts.app')

@section('content')
<nav aria-label="breadcrumb">
	<ol class="breadcrumb">
		<li class="breadcrumb-item">
			<a href="{{ route('agents.index') }}" class="text-decoration-none fw-bold">Agents</a>
		</li>

		<li class="breadcrumb-item">
			<a href="{{ route('agents.edit', ['id' => $settlement->agent->id]) }}" class="text-decoration-none fw-bold">{{ $settlement->agent->email }}</a>
		</li>

		<li class="breadcrumb-item">
			<a href="{{ route('agents.payments.index', ['agent_id' => $settlement->agent->id]) }}" class="text-decoration-none fw-bold">Payments</a>
		</li>
		
		<li class="breadcrumb-item active" aria-current="page">New</li>
	</ol>
</nav>

<div class="card">
    <div class="card-header">
        <h5 class="py-3">Settlement</h5>
    </div>

    <div class="card-body">
        <div class="mb-3">
            <strong>Billing Period:</strong>
            {{ $settlement->start_date->format('d F Y') }} to {{ $settlement->end_date->format('d F Y') }}
        </div>

        <table class="table">
            <thead>
                <tr class="table-light">
                    <th class="text-center text-uppercase" colspan="2">Orders</th>
                </tr>
            </thead>

            <tbody>
                @foreach ($settlement->orders as $order)
                <tr>
                    <td>{{ $order->created_at->format('Y-m-d') }}</td>
                    <td class="text-end">{{ $order->total }}</td>
                </tr>
                @endforeach

                <tr>
                    <td class="h5">Current Charges</td>
                    <td class="h5 text-end">{{ $settlement->current_charges }}</td>
                </tr>
            </tbody>
        <table>
        
        <table class="table">
            <thead>
                <tr class="table-light">
                    <th class="text-center text-uppercase" colspan="2">Payments</th>
                </tr>
            </thead>

            <tbody>
                @foreach ($settlement->payments as $payment)
                <tr>
                    <td>{{ $payment->created_at->format('Y-m-d') }}</td>
                    <td class="text-end">{{ $payment->amount }}</td>
                </tr>
                @endforeach

                <tr>
                    <td class="h5">Payment Received</td>
                    <td class="h5 text-end">{{ $settlement->payment_received }}</td>
                </tr>
            </tbody>
        <table>

        <table class="table">
            <tbody>
                <tr>
                    <td class="h5">Overdue Amount</td>
                    <td class="h5 text-end">{{ $settlement->overdue_amount }}</td>
                </tr>
                
                <tr>
                    <th class="h5">Amount Due</th>
                    <th class="h5 text-end">{{ $settlement->total_due }}</th>
                </tr>
            </tbody>
        </table>
    </div>
</div>
@endsection