@extends('layouts.app')
@section('title')
    Program Fee Setup
@endsection
@section('content')
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <div class="pull-left">
                        <div class="page-title">Add Tuition Fees</div>
                    </div>
                    <ol class="breadcrumb page-breadcrumb pull-right">

                        <li class="active"></li>

                    </ol>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="card card-box">
                        <div class="card-head">
                            <header>Add Fees</header>
                            <a type="button" href="{{ route('list-fee-setup-program') }}"
                                class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect m-b-10 btn-primary">List
                                Fee Setup Program</a>
                            <button id="panel-button" class="mdl-button mdl-js-button mdl-button--icon pull-right"
                                data-upgraded=",MaterialButton">
                                <i class="material-icons">more_vert</i>
                            </button>
                            <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect"
                                data-mdl-for="panel-button">
                                <li class="mdl-menu__item">
                                    <i class="material-icons">assistant_photo</i>Action
                                </li>
                                <li class="mdl-menu__item">
                                    <i class="material-icons">print</i>Another action
                                </li>
                                <li class="mdl-menu__item">
                                    <i class="material-icons">favorite</i>Something else
                                    here
                                </li>
                            </ul>
                        </div>
                        <div class="card-body" id="bar-parent">
                            @if ($errors->any())
                                <div class="alert alert-danger">
                                    <strong>Whoops!</strong> There were some problems with your input.<br><br>
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                            <form class="form-horizontal" action="{{ route('store-fee-setup-program') }}" method="POST">
                                @csrf
                                <div class="form-body">
                                    <div class="form-group row">
                                        <label class="control-label col-md-3">Program
                                            <span class="required"> * </span>
                                        </label>
                                        <div class="col-md-5">
                                            <select class="form-select input-height" name="program_id">
                                                <option value="">Select...</option>
                                                @foreach ($programs as $program)
                                                    <option value="{{ $program->id }}">{{ $program->program_name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="control-label col-md-3">Entry Year
                                            <span class="required"> * </span>
                                        </label>
                                        <div class="col-md-5">
                                            <select class="form-select input-height" name="entry_year">
                                                <option value="">Select...</option>
                                                @foreach ($entry_years as $year)
                                                    <option value="{{ $year }}">{{ $year }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="control-label col-md-3">Session
                                            <span class="required"> * </span>
                                        </label>
                                        <div class="col-md-5">
                                            <select class="form-select input-height" name="academic_session_id">
                                                <option value="">Select...</option>
                                                @foreach ($academic_sessions as $session)
                                                    <option value="{{ $session->id }}">
                                                        {{ $session->academic_session_name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="control-label col-md-3">Program Amount
                                            <span class="required"> * </span>
                                        </label>
                                        <div class="col-md-5">
                                            <input type="text" name="program_amount" data-required="1"
                                                placeholder="enter amount" class="form-control input-height" />
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="control-label col-md-3">Minimum Amount Type
                                            <span class="required"> * </span>
                                        </label>
                                        <div class="col-md-5">
                                            <select class="form-select input-height" name="minimum_amount_type">
                                                <option value="">Select...</option>
                                                <option value="actual">Actual</option>
                                                <option value="percentage">Percentage</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="control-label col-md-3">Minimum Amount(% or actual)
                                            <span class="required"> * </span>
                                        </label>
                                        <div class="col-md-5">
                                            <input name="minimum_amount" type="text" placeholder="enter amount"
                                                class="form-control input-height" />
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="control-label col-md-3">Apply Minimum Payment to other fees
                                        </label>
                                        <div class="col-md-5">
                                            <div class="form-check">
                                                <label class="form-check-label">
                                                    <input type="radio" class="form-check-input" name="minimum_other_fees"
                                                        id="optionsRadios1" value="1"  />
                                                        Yes
                                                </label>
                                            </div>
                                            <div class="form-check">
                                                <label class="form-check-label">
                                                    <input type="radio" class="form-check-input" name="minimum_other_fees"
                                                        id="optionsRadios2" value="0" checked />
                                                       No
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label class="control-label col-md-3">Fee Description
                                        </label>
                                        <div class="col-md-5">
                                            <textarea name="fee_description" placeholder="fee details" class="form-control-textarea" rows="5"></textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-actions">
                                    <div class="row">
                                        <div class="offset-md-3 col-md-9">
                                            <button type="submit" class="btn btn-info m-r-20">
                                                Submit
                                            </button>
                                            <button type="button" class="btn btn-default">
                                                Cancel
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection