@extends('layouts.main')

@section('title', 'Fee Distributions')

@section('content')

<div class="main-content app-content">
    <div class="container-fluid">

        <div class="d-md-flex d-block align-items-center justify-content-between page-header-breadcrumb mb-4">
            <div>
                <h1 class="page-title text-primary">Fee Distributions</h1>
            </div>
            <div class="ms-auto">
                <a href="{{ route('fee-distributions.create') }}" class="btn btn-primary">Add Distribution</a>
            </div>
        </div>

        <div class="card mt-3">
            <div class="card-body">

                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Management Fee</th>
                            <th>Member</th>
                            <th>Allocated Amount</th>
                            <th>Actions</th>
                        </tr>
                    </thead>

                    <tbody>
                        @foreach($distributions as $key => $dist)
                        <tr>
                            <td>{{ $key+1 }}</td>
                            <td>{{ $dist->managementFee->management_id ?? ''}}</td>
                            <td>{{ $dist->partner->full_name ?? '-' }}</td>
                            <td>{{ $dist->allocated_amount }}</td>
                            <td>
                                <a href="{{ route('fee-distributions.edit',$dist->id) }}" class="btn btn-warning btn-sm">Edit</a>

                                <form method="POST" action="{{ route('fee-distributions.destroy',$dist->id) }}" class="d-inline">
                                    @csrf @method('DELETE')
                                    <button class="btn btn-danger btn-sm">Delete</button>
                                </form>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>

            </div>
        </div>

    </div>
</div>

@endsection