@extends('layouts.applicant')
@section('content')
<div class="row">
    <div class="page-header">
        <h1>@if(!empty($stat)) {{$stat}} @endif</h1>

    </div>
    <!-- /.row -->
    @if (session('status'))
        <div class="alert alert-success">
            {{ session('status') }}
        </div>
    @endif
    @if (session('error'))
        <div class="alert alert-danger">
            {{ session('error') }}
        </div>
    @endif
    <br>

    <!-- /.row -->
    <div class="row">
        <!-- /.col-lg-6 -->
        <div class="col-lg-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    @if(!empty($stat)) {{$stat}} @endif
                    <button type="button" class="btn btn-info btn-xs pull-right" data-toggle="modal"
                        data-target="#myModal">Query Status</button>
                </div>
                <!-- /.panel-heading -->
                @if(!empty($myapps))
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card">


                                <div class="card-body">
                                    <table id="scroll-horizontal" class="table nowrap align-middle" style="width:100%">
                                        <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Reference</th>
                                                <th>Account</th>
                                                <th>Amount</th>
                                                <th>Send By</th>
                                                <th>Phone Used</th>
                                                <th>Received At</th>

                                            </tr>
                                        </thead>
                                                                                @foreach($myapps as $m)
                                                                                        <tbody>

                                                <tr class="primary">
                                                    <td>{{$coun}}</td>
                                                    <td>{{$m->Mpesa}}</td>
                                                    <td>{{$m->Mpesa_Account}}</td>
                                                    <td>Ksh.{{number_format($m->Amount, 2)}}</td>
                                                    <td>{{$m->Sender}}</td>
                                                    <td>{{$m->Mpesa_Msisdn}}</td>
                                                    <td>{{$m->Time_Date}}</td>

                                                </tr>


                                        @endforeach



                                        </tbody>
                                    </table>
                                </div>

                                <!-- /.table-responsive -->
                @else

                    <div class="row " style="margin-left: 4px;width: 100%;">
                        <div class="col-lg-12 alert alert-danger">
                            You Have not made any payment(s)
                        </div>
                    </div>
                @endif
                        </div>

                        <!-- /.panel-body -->
                    </div>
                    <!-- /.panel -->
                </div>
            </div>
        </div>


        <!-- /.col-lg-6 -->

    </div>

</div>
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <form method="post" action="{{url('/query/payment')}}">
                {{ csrf_field() }}
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title"> Query Payment Status</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-sm-12 col-md-12 col-lg-12">
                            <div class="form-group">
                                <label> Payment Transaction ID </label>
                                <input name="transaction_id" value="{{old('transaction_id')}}" class="form-control"
                                    placeholder="Transaction ID" required />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger btn-xs " data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-info btn-xs"> Submit </button>
                </div>
            </form>
        </div>

    </div>
</div>

@stop