@extends('layouts.app')
@section('title', 'Fee Category Detail')
@section('content')
    <div class="container">
        <div class="page-breadcrumb d-flex align-items-center mb-2 border-bottom pb-2">
            <div>
                <h6 class="m-0">Fee Category Detail</h6>
            </div>
            <div class="ms-auto">
                <a href="{{ route('admin.feecategory.index') }}" type="button" class="btn btn-primary btn-sm"> <i
                        class="bi bi-list"></i> Fee Category List</a>

                <a href="{{ route('admin.feecategory.create') }}" type="button" class="btn btn-primary btn-sm"> <i
                        class="bi bi-plus-circle"></i> Add New Fee Category</a>
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <table id="" class="table table-bordered" style="width:100%">
                        <thead>
                            <tr>
                                <th>Menu</th>
                                <th>Data</th>
                                <th>Menu</th>
                                <th>Data</th>
                                <th>Menu</th>
                                <th>Data</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <th>Fee Category Name</th>
                                <td>{{ $feecategory->name }} </td>
                                <th>Class</th>
                                <td>{{ optional($feecategory->classtype)->name }}</td>
                                <th>Type</th>
                                <td>{{ $feecategory->student_type }}</td>
                            </tr>
                            <tr>
                                <th>Fee Category Name(Bangla)</th>
                                <td>{{ $feecategory->name_bn }} </td>

                                <th>Session</th>
                                <td>{{ optional($feecategory->session)->name }}</td>

                                <th>Status</th>
                                <td>{{ $feecategory->status }}</td>
                            </tr>
                            <tr>

                                <th>Year</th>
                                <td>{{ optional($feecategory->classyear)->name }}</td>

                                <th>Group</th>
                                <td>{{ optional($feecategory->group)->name }}</td>


                                <th>Action</th>
                                <td>
                                    <div class="table-actions d-flex align-items-center gap-3 fs-6">
                                        <a href="{{ route('admin.feecategory.edit', $feecategory->id) }}"
                                            class="text-warning btn btn-info btn-sm" data-bs-toggle="tooltip"
                                            data-bs-placement="bottom" title="Edit"><i class="bi bi-pencil-fill"></i></a>
                                    </div>
                                </td>
                            </tr>
                        </tbody>

                    </table>
                </div>
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                 <div class="d-flex border-bottom ">
                    <div>
                        <h6 class="m-0">Fee Category Detail</h6>
                    </div>
                    <div class="ms-auto ">


                        <a href="#" type="button" class="btn btn-primary btn-sm"  data-bs-toggle="modal" data-bs-target="#exampleLargeModal"> <i
                                class="bi bi-plus-circle"></i> Add New Sub Fee Category</a>

                    </div>
                 </div>
                <div class="table-responsive">
                    <table class="table table-bordered table-hover">
                        <thead>
                            <tr>
                                 <th>SL</th>
                                 <th>Name</th>
                                 <th>Name (Bangla)</th>
                                 <th>Amount</th>
                                 <th>Status</th>
                                 <th>Parent</th>
                                 <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($feecategory->subfeecategory as $subcategory)
                                <tr>
                                    <td>{{ $loop->iteration }}</td>
                                    <td>{{ $subcategory->name }}</td>
                                    <td>{{ $subcategory->name_bn }}</td>
                                    <td>{{ $subcategory->amount }}</td>
                                    <td>{{ $subcategory->status }}</td>
                                    <td>
                                        {{ optional($subcategory->category)->name }}
                                    </td>
                                    <td>

                                         <form action="{{ route('admin.subfeecategory.destroy',$subcategory->id) }}" method="post">
                                            @csrf
                                            @method('delete')
                                            <button class="btn btn-danger btn-sm"><i class="bi bi-trash"></i> Delete</button>
                                         </form>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr>
                                <th colspan="3" class="text-end">Total</th>
                                <td>{{ $feecategory->subfeecategory->sum('amount')  }}</td>
                                <td colspan="3"></td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>

        <div class="modal fade" id="exampleLargeModal" tabindex="-1" aria-hidden="true" style="display: none;">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Add New Sub Category</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <form action="{{ route('admin.subfeecategory.store') }}" method="post">
                            @csrf
                            <input type="hidden" name="fee_category_id" id="" value="{{ $feecategory->id }}">
                            <div class="row">
                                <div class="col-12 col-md-6">
                                    <div class="form-group">
                                        <label for="">Name</label>
                                        <input type="text" name="name" class="form-control" value="{{ old('name') }}">
                                        <div class="text-danger">{{ $errors->first('name') }}</div>
                                    </div>
                                </div>
                                <div class="col-12 col-md-6">
                                    <div class="form-group">
                                        <label for="">Name (Bangla)</label>
                                        <input type="text" name="name_bn" class="form-control" value="{{ old('name_bn') }}">
                                        <div class="text-danger">{{ $errors->first('name_bn') }}</div>
                                    </div>
                                </div>
                                <div class="col-12 col-md-6 py-2">
                                    <div class="form-group">
                                        <label for="">Amount</label>
                                        <input type="text" name="amount" class="form-control" value="{{ old('amount') }}">
                                        <div class="text-danger">{{ $errors->first('amount') }}</div>
                                    </div>
                                </div>
                                <div class="col-12 col-md-6 py-2">
                                    <div class="form-group">
                                        <label for="">Status</label>
                                        <select name="status" id="status" class="form-control status" required>
                                            <option value="">Select Status</option>
                                            <option {{ old('status') == "Daft" ? "selected" : "" }}     value="Daft">Daft</option>
                                            <option {{ old('status') == "Active" ? "selected" : "" }}   value="Active" selected>Active</option>
                                            <option {{ old('status') == "Deactive" ? "selected" : "" }} value="Deactive">Deactive</option>
                                        </select>
                                        <div class="text-danger">{{ $errors->first('status') }}</div>
                                    </div>
                                </div>
                                <div class="col-12 col-md-6 py-2">
                                    <div class="form-group">
                                        <label for="">Parent Sub Category</label>
                                        <select name="p_id" id="p_id" class="form-control p_id">
                                            <option value="">Select Sub Fee Category</option>
                                             @foreach ($feecategory->subfeecategory as $subfeecategory)
                                                <option value="{{ $subfeecategory->id }}">{{ $subfeecategory->name }}</option>
                                             @endforeach

                                        </select>
                                        <div class="text-danger">{{ $errors->first('p_id') }}</div>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <button type="submit" class="btn btn-primary">Submti</button>
                                </div>
                            </div>
                        </form>
                    </div>
                     <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('delete')
    <form method="POST" id="deleteForm">
        @csrf
        @method('delete')
    </form>
@endpush