@extends('layouts.main')

@section('title', 'Fee Distribution - Add')

@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">Add Distribution</h1>
    </div>
    <div class="ms-auto">
        <a href="{{ route('fee-distributions.index') }}" class="btn btn-secondary">Back</a>
    </div>
</div>

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

<form method="POST" action="{{ route('fee-distributions.store') }}">
@csrf

<div class="row">

   <div class="col-md-6 mb-3">
        <label>Management Fee</label>
        <select name="management_fee_id" class="form-control" required>
            <option value="">Select Management Fee</option>
            @foreach($fees as $fee)
                <option value="{{ $fee->id }}">
                    {{ $fee->id }} - {{ $fee->name ?? 'Fee #' . $fee->id }}
                </option>
            @endforeach
        </select>
    </div>

    <div class="col-md-6 mb-3">
        <label>Member</label>
        <select name="member_id" class="form-control" required>
            <option value="">Select Member</option>
            @foreach($members as $member)
                <option value="{{ $member->id }}">
                    {{ $member->full_name }} ({{ $member->email ?? 'Member #' . $member->id }})
                </option>
            @endforeach
        </select>
    </div>

    <div class="col-md-6 mb-3">
        <label>Allocated Amount</label>
        <input type="number" name="allocated_amount" class="form-control">
    </div>

</div>

<button class="btn btn-primary">Save</button>

</form>

</div>
</div>

</div>
</div>

@endsection