@extends('layouts.genindex')
@section('title')
<i class="fas fa-chalkboard-teacher filter-blue"></i> Bayaran Brokerage Fee Tawarruq
@endsection

@if($tawarruq->count() <= 0)
    <div class="row text-center px-2">
        <div class="col my-0 py-0">
            <div class="alert alert-warning fade show small" role="alert">
                Harap maaf! Tiada bayaran sumbangan sendiri disenaraikan buat masa ini. Sila semak semula dari semasa ke semasa.
            </div>
        </div>
    </div>
@else
    @section('subtitle')
    Sila pilih negeri/pusat dan jenis pembiayaan
    @endsection

    @section('list')
    <div class="fdb-box row mx-1 py-4">
        <div class="col-12">
            <form id="app" method="get" action="{{ action('TawarruqController@show') }}" data-parsley-validate="">
                @csrf
                <div class="row mt-4">
                    <div class="col-12 col-md">
                        <label class="required">Negeri / Pusat</label>
                        <select id="tawarruqfeesSelect" name="tawarruq_pusat" class="form-control" required>
                            <option selected disabled>Sila pilih Negeri / Pusat</option>
                            @foreach($tawarruq as $t)
                                <option value="{{ $t->id }}">{{ $t->pusat }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                {{-- fees --}}
                <div class="row mt-4" id="feesContainer" style="display:none;">
                    <div class="col-12 col-md">
                        <label class="required">Jenis Pembiayaan yang ditawarkan bagi negeri/pusat <b id="selectedPusatName"></b></label>
                        <select name="fees" id="feesSelect" class="form-control" required>
                            <option selected disabled>Sila pilih jenis pembiayaan</option>
                        </select>
                    </div>
                </div>

                <div class="row mt-4">
                    <div class="col-12 col-md text-right">
                        <button type="submit" class="btn btn-secondary">Bayar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    @endsection
@endif

@section('page_scripts')
<script>
var tawarruq_url = "{{ action('TawarruqController@index') }}";
</script>
<script src="{{ asset('js/tawarruqfee.js') }}"></script>
@endsection