@extends('admin.layout')

@section('content')
<style type="text/css">
  .modal-body {

    padding: 5rem 4rem;

    text-align: center;

}
.modal-footer .btn-primary:hover{
  background: transparent;
  border-color: transparent;
}

.dropdown-toggle::after{
    display: none;
}
.modal-body {

    font-size: 16px;

}



.modal-content {

    min-height: auto;

}



.modal-title {

    padding-left: 0;

}





.modal-body p {

    margin-bottom: 0;

    font-size: 24px;

    font-weight: 600;

}
.ecom-btn-border1{
      min-width: 125px;
          padding: 3px 9px;
}
.bg-beauty-green{
  background: #4CAF50 !important;
}
.container-custom01{
  max-width: 1900px;
  width: 100%;
  padding-left: 2%;
  padding-right: 2%;
}
</style>

<div class="content-wrapper"> 


  <!-- Main content -->

  <section class="content"> 

    <!-- Info boxes --> 

    

    <!-- /.row -->

<div class="container-custom01">

    <div class="row">

      <div class="col-md-12">


            <div class="row">

              <div class="col-xs-12">

                  @if (count($errors) > 0) @if($errors->any())

                  <div class="alert alert-success alert-dismissible" role="alert">

                      <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                      {{$errors->first()}}

                  </div>

                  @endif @endif

              </div>

          </div>

            <div class="row">

              <div class="col-md-12">
              
                <div class="" style="text-align: right;margin-bottom: 20px;">
                  <!-- <a class="btn-blue"  href="javascript:void();"  data-toggle="modal" data-target="#myModal"><i class="fa fa-plus"></i> Add Plan</a> -->
                </div>

                <form class="PosTransaction_form" id="yw0" action="">
                    <div>
                      <label>From: <input style="height:28px;" id="txn_dt_from" type="date" value="" name="txn_dt_from" class="hasDatepicker"></label>
                      <label>To: <input style="height:28px;" id="txn_dt_to" type="date" value="" name="txn_dt_to" class="hasDatepicker"></label>
                      <!--            <label>Search: </label> <input type="search" name="val" value="--><!--?//=$val?--><!--" />-->
                      <input type="submit" name="yt0" value="Search">        
                    </div>
                  </div>

                    <div align="right" class="col-md-12 col-sm-12 col-xs-12">
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <table class="table table-striped responsive-utilities jambo_table">
                            <thead>
                              <tr>
                                <th id="pos-transaction-grid_c0">ID</th>
                                <th id="pos-transaction-grid_c1">Date</th>
                                <th id="pos-transaction-grid_c2">Outlet</th>
                                <th id="pos-transaction-grid_c3">Staff</th>
                                <th id="pos-transaction-grid_c4">Remarks</th>
                                <th id="pos-transaction-grid_c5">Refund</th>
                                <th id="pos-transaction-grid_c6">Service  Charge</th>
                                <th id="pos-transaction-grid_c7">Compensate</th>
                                <th id="pos-transaction-grid_c8">Actual Amount</th>
                              </tr>
                            </thead>

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

                <div class="col-xs-12 text-right">


                </div>

               

              </div>

            </div>

          </div>

          <!-- /.box-body --> 

        </div>

        <!-- /.box --> 

      </div>

      <!-- /.col --> 

    </div>

    <!-- /.row --> 

    
  </section>



  <!-- /.content --> 

</div>

@endsection