@extends('client.layout')
@section('title')
    {{translate('add guarantor')}}
@endsection

@section('content')
    <div class="row">
        <div class="col-md-4">
            <ul class="list-group">
                <li class="list-group-item">
                    {{translate('product')}}
                    <span class="badge pull-right">
                         @if(!empty($loan_application->loan_product))
                            {{$loan_application->loan_product->name}}
                        @endif
                    </span>
                </li>
                <li class="list-group-item">
                    {{translate('amount')}}
                    <span class="badge pull-right">
                        {{round($loan_application->amount)}}
                    </span>
                </li>
                <li class="list-group-item">
                    {{translate('status')}}
                    <span class="">
                         @if($loan_application->status=='declined')
                            <span class="label label-danger pull-right">{{translate('declined')}}</span>
                        @endif
                        @if($loan_application->status=='approved')
                            <span class="label label-success pull-right">{{translate('approved')}}</span>
                        @endif
                        @if($loan_application->status=='pending')
                            <span class="label label-warning pull-right">{{translate('pending')}}</span>
                        @endif

                    </span>
                </li>
                <li class="list-group-item">
                    {{translate('date')}}
                    <span class="badge pull-right">
                         {!! $loan_application->created_at !!}
                    </span>
                </li>
            </ul>
        </div>
        <div class="col-md-8">
            <div class="panel panel-white">
                <div class="panel-heading">
                    <h3 class="panel-title">{{translate('add guarantor')}}</h3>

                    <div class="heading-elements">

                    </div>
                </div>
                {!! Form::open(array('url' => url('client/application/'.$loan_application->id.'/guarantor/store'), 'method' => 'post','class'=>'', 'name' => 'form',"enctype"=>"multipart/form-data")) !!}
                <div class="panel-body">
                    @if(isset($_REQUEST['return_url']))
                        <input type="hidden" value="{{$_REQUEST['return_url']}}" name="return_url">
                    @endif
                    <div class="form-group">
                        {!! Form::label('guarantor_id',translate('guarantor'),array('class'=>' control-label')) !!}
                        {!! Form::select('guarantor_id',$borrowers,null, array('class' => 'form-control select2','placeholder'=>'','required'=>'required')) !!}
                    </div>
                    <div class="form-group">
                        {!! Form::label('amount',translate('amount'),array('class'=>'')) !!}
                        {!! Form::text('amount',$loan_application->amount, array('class' => 'form-control touchspin', 'id'=>"amount",'required'=>'required')) !!}
                    </div>


                </div>

                <div class="panel-footer">
                    <button type="submit" class="btn btn-primary pull-right">{{translate('save')}}</button>
                </div>
                {!! Form::close() !!}
                        <!-- /.panel-body -->
            </div>
            <!-- /.box -->
        </div>
    </div>
@endsection
@section('footer-scripts')
    <script>

        $(document).ready(function (e) {
            if ($('#status').val() == "accepted") {
                $('#accepted_amount').val($('#amount').val());
                $('#accepted_amount').attr('required', 'required');

            }
            $('#status').change(function (e) {
                if ($('#status').val() == "accepted") {
                    $('#accepted_amount').val($('#amount').val());
                    $('#accepted_amount').attr('required', 'required');
                } else {
                    $('#accepted_amount').val("");
                    $('#accepted_amount').removeAttr('required');
                }
            })
        })

    </script>
@endsection