@extends('gcash.layout.master')
@section('pageTitle')
  <title>GCash CashIn</title>
  <link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
@endsection
@section('metaCSRF')
  <meta name="csrf-token" content="{{ csrf_token() }}">
@endsection
@section('contents')
      <div class="container-fluid">
          <div class="row">
              <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                  <div class="product-sales-chart">
                      <div class="portlet-title">
                          <div class="row">
                              <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                  <div class="caption pro-sl-hd">
                                      <span class="caption-subject"><b>Instant Links</b></span>
                                  </div>
                              </div>
                              <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                  <div class="actions graph-rp graph-rp-dl">
                                      <p></p>
                                  </div>
                              </div>
                          </div>
                      </div>
                      <br>
                      <div class="row">
                        <div class="col-md-3">
                          <a href="/gcash-cashin" class="btn btn-lg btn-primary" style="width:100%;padding-top:40px;padding-bottom:40px;">GCash Cash In</a>
                        </div>
                        <div class="col-md-3">
                          <a href="/gcash-cashout" class="btn btn-lg btn-success" style="width:100%;padding-top:40px;padding-bottom:40px;">GCash Cash Out</a>
                        </div>
                      </div>
                      <br>
                      <div class="row">
                        <div class="col-md-3">
                          <a href="/" class="btn btn-lg btn-warning" style="width:100%;padding-top:40px;padding-bottom:40px;">Customer</a>
                        </div>
                      </div>
                      <div id="extra-area-chart" style="height: 200px;"></div>
                  </div>
              </div>
          </div>
      </div>

@endsection
@section('js')
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
@endsection