@extends('member-new')

@push('head-script')

@endpush

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">Loan</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/">Home</a>
                    </li>
                    <li class="breadcrumb-item"><a href="/member/{!! $alias !!}/loans">Loan</a>
                    </li>
                    <li class="breadcrumb-item active">
                    
                    @if(isset($loan) && ($loan->id))
                        Edit Loan
                    @else
                        Add New Loan
                    @endif
                    </li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@section('content')
<section id="dashboard-ecommerce">
     {!! Form::model($loan, ['class'=>'','method' => isset($loan) && ($loan->id) ? 'put' : 'post']) !!} 
    
        <input type="hidden" name="organization_id" value="{{$organization->id}}">
        <input type="hidden" name="user_id" value="{{$user->id}}">
        <div class="row">
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <div class="mb-1 form-group {{{ $errors->has('loan_type_id') ? 'has-error' : '' }}}">
                            <!-- <label class="form-label" for="select2-basic">Basic</label> -->
                            <h5>Select Loan Type<span style="color:red">*</span></h5>
                            <select class="select2 form-select2" name="loan_type_id" id="loan_type_id">
                                <option>Select Loan Type</option>
                                @foreach($loan_types as $loan_type)
                                <option value="{{$loan_type->id}}" @if($loan_type->id==$loan->loan_type_id) selected @endif>{{$loan_type->name}}</option>
                                @endforeach
                            </select>
                            {!! $errors->first('loan_type_id', '<label class="control-label error" for="reason">:message</label>')!!}
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card">
                    <div class="card-body">
                        <div class="mb-1 form-group {{{ $errors->has('loan_amount') ? 'has-error' : '' }}}">
                            <!-- <label class="form-label" for="select2-basic">Basic</label> -->
                            <h5>Loan Amount<span style="color:red">*</span></h5>
                            <input class="form-control" name="loan_amount" id="loan_amount" type="text" value="{{ isset($loan) && $loan->loan_amount ? $loan->loan_amount : old('loan_amount') }}">
                            {!! $errors->first('loan_amount', '<label class="control-label error" for="reason">:message</label>')!!}
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="col-md-4">
                <div class="card">
                    <div class="card-body">
                        <div class="mb-1 form-group {{{ $errors->has('no_of_emi') ? 'has-error' : '' }}}">
                            <h5>No Of EMI<span style="color:red">*</span></h5>
                            <select class="select2 form-select2" name="no_of_emi" id="no_of_emi">
                                <option value=" ">Select Total EMI</option>
                                <option value="3">3 Month</option>
                                <option value="6">6 Month</option>
                                <option value="9">9 Month</option>
                                <option value="12">12 Month</option>
                                <option value="18">18 Month</option>
                                <option value="24">24 Month</option>
                                <option value="36">36 Month</option>
                            </select>
                            {!! $errors->first('no_of_emi', '<label class="control-label error" for="no_of_emi">:message</label>')!!}
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card">
                    <div class="card-body">
                        <div class="mb-1 form-group {{{ $errors->has('emi_start_month') ? 'has-error' : '' }}}">
                            <h5>EMI Start Month<span style="color:red">*</span></h5>
                            <select class="select2 form-select2" name="emi_start_month" id="emi_start_month">
                                <option >Select Month</option>
                                <option value="1" @if('1'==$loan->emi_start_month) selected @endif>January</option>
                                <option value="2" @if('2'==$loan->emi_start_month) selected @endif>February</option>
                                <option value="3" @if('3'==$loan->emi_start_month) selected @endif>March</option>
                                <option value="4" @if('4'==$loan->emi_start_month) selected @endif>April</option>
                                <option value="5" @if('5'==$loan->emi_start_month) selected @endif>May</option>
                                <option value="6" @if('6'==$loan->emi_start_month) selected @endif>June</option>
                                <option value="7" @if('7'==$loan->emi_start_month) selected @endif>July</option>
                                <option value="8" @if('8'==$loan->emi_start_month) selected @endif>August</option>
                                <option value="9" @if('9'==$loan->emi_start_month) selected @endif>September</option>
                                <option value="10" @if('10'==$loan->emi_start_month) selected @endif>October</option>
                                <option value="11" @if('11'==$loan->emi_start_month) selected @endif>November</option>
                                <option value="12" @if('12'==$loan->emi_start_month) selected @endif>December</option>
                            </select>
                            {!! $errors->first('emi_start_month', '<label class="control-label error" for="reason">:message</label>')!!}
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card">
                    <div class="card-body">
                        <div class="mb-1 form-group {{{ $errors->has('emi_start_year') ? 'has-error' : '' }}}">
                            <h5>EMI Start Year<span style="color:red">*</span></h5>
                            <select class="select2 form-select2" name="emi_start_year" id="emi_start_year">
                                <option value=" ">Select Year</option>
                                @foreach($years as $year)
                                <option value="{{$year}}" @if($year==$loan->emi_start_year) selected @endif>{{$year}}</option>
                                @endforeach
                            </select>
                            {!! $errors->first('emi_start_year', '<label class="control-label error" for="emi_start_year">:message</label>')!!}
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title">Reason<span style="color:red">*</span></h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-12">
                                <div class="mb-1">
                                    <textarea class="form-control" name="loan_reason" id="loan_reason" rows="3" placeholder="Loan Reason">{{ isset($loan) && $loan->loan_reason ? $loan->loan_reason : old('loan_reason') }}</textarea>
                                    {!! $errors->first('loan_reason', '<label class="control-label error" for="loan_reason">:message</label>')!!}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="d-flex  justify-content-center mb-2">
            <button type="submit" id="save-form" class="btn btn btn-gradient-success"><i data-feather='check'></i> @lang('app.save')</button>
        </div>
    
    
   {!! Form::close() !!}  

</section>
@endsection
@push('footer-script')

<!-- BEGIN: Page JS-->
<script src="/app-assets/js/scripts/forms/form-select2.js"></script>
<script src="/assets/js/daterangepicker.js"></script>
<script src="/assets/plugins/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/assets/plugins/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>

<!-- END: Page JS-->

<script>
$(window).on('load', function() {
    if (feather) {
        feather.replace({
            width: 14,
            height: 14
        });
    }
    // barChartExample();
})
</script>

<!-- END: Page JS-->

<style type="text/css">
    .alert.alert-error.alert-dismissible.fade.in {
    background-color: #f13e3e;
    color: white;
}
label.control-label.error {
    color: red;
}
span.select2.select2-container.select2-container--default {
    width: 100% !important; 
}
label.control-label {
    color: red;
}

</style>



@endpush