@extends('layouts.app')

@section('content')
<!-- Page Heading -->
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Dashboard </h1>

  <!-- <h2 class="h3 text-danger mr-5 p-2">SMS Credit Balance : number_format($smscredit["credit"],0)</h2>  -->
    <!--<a href="#" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i class="fas fa-download fa-sm text-white-50"></i> Generate Report</a>-->
</div>
<div class="row">
  <div class="col-xl-6 col-md-6 mb-4">
    <div class="card border-left-primary shadow h-100 pt-1">
      <div class="card-body py-2">
        . Moha List Last Updated	: {{$mcf_moha->desc}}</br>
        . UNSCR 1267 (AL-QAIDA) List Last Updated	: 	{{$mcf_1267->desc}}</br>
        . UNSCR 1718 (DPRK) List Last Updated	: 	{{$mcf_1718->desc}}</br>
        . UNSCR 1988 (TALIBAN) List Last Updated	: 	{{$mcf_1988->desc}}</br>
        . UNSCR 2231 (IRAN) List Last Updated	: 	{{$mcf_2231->desc}}</br>
      </div>
    </div>
  </div>
    <!-- Earnings (Monthly) Card Example -->
</div>
<div class="row">
  @can('SEARCH LIST')
  <div class="col-xl-3 col-md-6 mb-4">
    <div class="card border-left-primary shadow h-100 pt-1">
      <div class="card-body py-2">
        To Search List Click <a class="text-danger" href="{{ route('searchlist') }}"><b>HERE</b></a>
      </div>
    </div>
  </div>
  @endcan
    <!-- Earnings (Monthly) Card Example -->
</div>

<!-- Content Row -->
<div class="row">
    <!-- Area Chart -->

</div>
<form id="outstandingform" method="post" action="{{url('report/outstanding')}}" target="_blank">
<input type="hidden" name="areadesc" value="">
<input type="hidden" name="untildate" value="{{$data['login_date']}}">

</form>

@endsection

@section('footerjs')
<script type="text/javascript">


  $(document).ready(function(evt){
  })


</script>

<script src="{{ asset('js/chart-area.js') }}"></script>
<script src="{{ asset('js/chart-pie.js') }}"></script>

@endsection

@section('csscontrol')

<style type="text/css">
.dropdown-menu
{
    /*width: 800px !important;*//* you can set by percentage too */
}
.datepicker{
  width: auto !important;
}

#doCheckServiceSalesModal .modal-dialog, #doOutstandingServiceSalesModal .modal-dialog{
   position: fixed;
   top: 0;
   left:25%;
   z-index: 10040;
   overflow: auto;
   overflow-y: auto;
   width: 80%;
}
#doCheckServiceSalesModal .form-group, #doOutstandingServiceSalesModal .form-group{
  height: 400px;
  overflow: auto;
  width: 100%;
}
.modal-backdrop.show {
    opacity: 0.05;
}
.modal-open { overflow-y: auto; }
tr.firstname td {
	background-color: yellow;
	color: red;
}
td.firstname  {
	background-color: yellow;
	color: red;
}
</style>

@endsection