@extends('client.layout')
@section('title')
    {{ translate('my guarantee request') }}
@endsection

@section('content')

    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-white">
                <div class="panel-heading">
                    <h3 class="panel-title"> {{ translate('my guarantee request') }}</h3>

                    <div class="heading-elements">
                    </div>
                </div>
                <div class="panel-body table-responsive ">
                    <table id="data-table" class="table  table-condensed">
                        <thead>
                        <tr style="background-color: #D1F9FF">
                            <th>{{translate('name')}}</th>
                            <th>{{translate('status')}}</th>
                            <th>{{translate('amount')}}</th>
                            <th>{{translate('accepted amount')}}</th>
                            <th>{{translate('date')}}</th>
                            <th>{{translate('action')}}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($data as $key)
                            <tr>

                                <td>
                                    @if(!empty($key->borrower))
                                        {{$key->borrower->first_name}} {{$key->borrower->middle_name}} {{$key->borrower->last_name}}
                                    @endif
                                </td>
                                <td>
                                    @if($key->status=='accepted')
                                        <span class="label label-success">{{translate('accepted')}}</span>
                                    @endif
                                    @if($key->status=='pending')
                                        <span class="label label-warning">{{translate('pending')}}</span>
                                    @endif
                                    @if($key->status=='declined')
                                        <span class="label label-danger">{{translate('declined')}}</span>
                                    @endif
                                </td>
                                <td>{{ $key->amount }}</td>
                                <td>{{ $key->accepted_amount }}</td>
                                <td>{{ $key->date }}</td>
                                <td>
                                    @if($key->status=='pending' || $key->status=='declined')
                                        <button class="btn btn-info btn-sm" data-id="{{$key->id}}"
                                                data-amount="{{$key->amount}}" data-toggle="modal"
                                                data-target="#acceptRequest">{{translate('accept')}}</button>
                                        <a class="btn btn-danger btn-sm delete"
                                           href="#">{{translate('decline')}}</a>
                                    @endif

                                </td>

                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="acceptRequest">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">*</span></button>
                    <h4 class="modal-title">{{translate('accept request')}}</h4>
                </div>
                {!! Form::open(array('url' =>url('client/guarantor/'.$key->id.'/accept'),'method'=>'post','id'=>'')) !!}
                <div class="modal-body">
                    <div class="form-group">
                        {!! Form::label('amount',translate('amount'),array('class'=>'')) !!}
                        {!! Form::text('amount',null, array('class' => 'form-control touchspin', 'id'=>'accepted_amount','required'=>'')) !!}
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-info">{{translate('save')}}</button>
                    <button type="button" class="btn default"
                            data-dismiss="modal">{{translate('close')}}</button>
                </div>
                {!! Form::close() !!}
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <script>
        $('#acceptRequest').on('shown.bs.modal', function (e) {
            var id = $(e.relatedTarget).data('id');
            var amount = $(e.relatedTarget).data('amount');
            $(e.currentTarget).find("#accepted_amount").val(amount);
        });
        $(document).ready(function () {

        });
    </script>
@endsection