@extends('layouts.main')

@section('title','Payment Confirmation')

@section('content')

<div class="card martop-1">
    <div class="card-header">
        <h3 class="card-title">Requests Payment Confirmation</h3>
        <div class="card-tools">
            <select class="form-control form-control-sm selectStatus">
                <option disabled selected value="">Status</option>
                <option value="PENDING">PENDING</option>
                <option value="ACCEPTED">ACCEPTED</option>
                <option value="REJECTED">REJECTED</option>
            </select>
        </div>
    </div>
    <div class="card-body">
        <div class="table-responsive dataTableRow" id="dataTableRow">
            <label class="el-waiting-message">Loading your data. It may take some time..</label>
        </div>
    </div>
</div>

<form method="POST" action="approval_request_payment" class="form-approval-data">
@csrf
<div class="modal fade" id="modal_approval_req" role="dialog" aria-labelledby="create">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content" id="create_content">
            <div class="modal-header">
                <h5 class="modal-title approval-title">New</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            
            <div class="modal-body" id="create_body">
                <div class="form-group">
                    <label>Company</label>
                    <input class="form-control" name="company_name" readonly>
                    <input name="id" hidden>
                    <input name="to_status" hidden>
                </div>
                <div class="form-group">
                    <label>IC/Mykad</label>
                    <input class="form-control" name="my_kad" readonly>
                </div>
                <div class="form-group">
                    <label>User</label>
                    <input class="form-control" name="user_name" readonly>
                </div>
                <div class="form-group">
                    <label>Phone number</label>
                    <input class="form-control" name="phone_number" readonly>
                </div>
                <div class="form-group">
                    <label>Ref Code</label>
                    <input class="form-control" name="ref_code" readonly>
                </div>
                <div class="form-group">
                    <label>Note</label>
                    <textarea class="form-control" name="approval_reason" rows="2" placeholder="Note..."></textarea>
                </div>
            </div>
            <div class="modal-footer" id="create_footer">
                <a href="#" class="btn btn-default btn-md" style="font-weight:bold; font-size:15px" data-dismiss="modal">Close</a>
                <button type="submit" class="btn btn-success btn-approval-req">Save</button>
            </div>
        </div>
    </div>
</div>
</form>
<script>