@extends('admin.layout')
@section('content')

 <section class="closeRegisterSection">
      <div class="closeRegister">
            <div class="registerInner">
              <h2>Close Register Report Details</h2>
              <div class="headerClose">
                <table class="table">
                  <thead>
                    <tr>
                     <th scope="col">Outlet</th>
                      <th scope="col">Register</th>
                      <th scope="col">Closure #</th>
                      <th scope="col"> Today Cash </th>
                      <th scope="col"> Petty Cash </th>
                      <th scope="col">Opening Time</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>Main Outlet</td>
                      <td>Main Register</td>
                      <td>63</td>
                      <td>$  </td>
                      <td> $ </td>
                      <td>{{ $result['open_reg_time'][0]->opening }}</td>
                    </tr>
                  </tbody>
                </table>
              </div>

                             <div class="cashSum">
                <h4>Cash Summary</h4>

                <!-- ---  Starts Cash Management ----- -->
                <div class="order-profl">
                <div class="oRproDetail">

                        <div class="tpRightTable">
                            <table class="table">
                                <thead>
                                    <tr class="rcolumn">
                                        <th>Date/Time</th>
                                        <th>Reasons</th>
                                        <th colspan="2">Transaction</th>
                                        <th>Balance</th>

                                    </tr>
                                    <tr class="rsubcolumn">
                                        <th colspan="2" class="blank"></th>
                                        <th>Cash In</th>
                                        <th>Cash Out</th>
                                        <th colspan="1" class="blank"></th>
                                        

                                    </tr>
                                </thead>
                                <tbody class="transfersidebardata">
                                    
                                </tbody>

                            </table>
                        </div>

                    </div>
                  </div>
                    <!--  End Of Cash Managemen  -->

                <div class="row">
                  <div class="col-3 vcEnterr">
                    <p>Cash in Till</p>
                  </div>
                  <div class="col-9">
                    <table class="table">
                      <thead>
                        <tr>
                          <th scope="col">Expected($)</th>
                          <th scope="col">Counted($)</th>
                          <th scope="col">Differences($)</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                                                    <td> <p> 0 </p> </td>
                          <td> <p>  </p> </td>
                          <td> <p>  </td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
                
              </div>


                <div class="cashSum margin-top-40">
                <h4>Other Payments Summary</h4>
                  <div class="row typesSum">
                              <div class="col-3">
                                <b>Types</b>
                              </div>
                              <div class="col-3 box1">
                                <b>Expected($)</b>
                              </div>
                              <div class="col-3 box2">
                                <b>Counted($)</b>
                              </div>
                              <div class="col-3 box3">
                                <b>Differences($)</b>
                              </div>

                            </div>
                      </div>
                

                <!--  <div class="cashSum" style="margin-top: 40px;">
                <h4 style="font-weight: 600;text-align: center;">Sell Sumary</h4> -->

                <!-- ---  Starts Cash Management ----- -->
                <!-- <div class="order-profl">
                <div class="oRproDetail">

                        <div class="tpRightTable">
                            <table class="table">
                                <thead>
                                    <tr class="rcolumn">
                                        <th>Order ID</th>
                                        <th>Product Name</th>
                                        <th>Quantity</th>
                                        <th>Product Price($)</th>
                                        <th>Subtotal($)</th>
                                        <th>Date Of Purchased</th>

                                    </tr>
                                </thead>
                                <tbody class="transfersidebardata">
                                                                        <tr> <td colspan="6">  </td></tr>
                                  
                                </tbody>

                            </table>
                        </div>

                    </div>
                  </div> -->
                    <!--  End Of Cash Managemen  -->
                  <!-- </div> -->

            </div>
          </div>
    </section>
    <style type="text/css">
    .tpRightTable thead {
        background: transparent;
    }
    
    .tpRightTable thead th {
        background-color: #36d8ff;
    }
    
    .tpRightTable thead th.blank {
        /*background-color: transparent;*/
    }
    
    .order-profl .transfersidebardata tr {
        border-top: 1px solid #b5b5b596;
    }
    
    .order-profl tr.rsubcolumn th {
        padding-top: 0px;
        font-size: 14px;
    }
    
    .order-profl .popup_button {
        margin-top: 15px;
        text-align: right;
        padding: 25px;
        padding-bottom: 15px;
    }
    
    .order-profl .popup_button button.rcash.btn.btn-default {
        background: #e55739;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        border-radius: 30px;
        padding: 8px 30px;
        margin-top: 0px
    }
    
    .order-profl .popup_button button.acash.btn.btn-default {
        background: #41a645;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        border-radius: 30px;
        padding: 8px 30px;
        margin-top: 0px
    }
    
    .modal .addcash button.btn.acash.btn-default {
        background: #41a645;
        color: #fff;
        font-size: 13px;
        font-weight: 600;
        border-radius: 30px;
        padding: 8px 30px;
        margin-top: 12px;
    }
    
    .modal .addcash .buttons {
        text-align: right;
    }
    
    .order-profl .table th {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    
    .order-profl .oRproDetail .tpRightTable .table td {
        vertical-align: middle;
        padding-bottom: 15px;
        padding-top: 15px;
        text-align: center;
    }
    
    form .form-group.amount:first-child {
        font-size: 14px;
    }
    
    .modal button.btn.rcash.btn-default {
        background: #e55739;
        color: #fff;
        font-size: 13px;
        font-weight: 600;
        border-radius: 30px;
        padding: 8px 30px;
        margin-top: 12px;
    }
    
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0;
    }
    
    .form-group.amount .radio {
        display: inline-block;
        margin-right: 15px;
    }
    
    .form-group.amount input[type="radio"] {
        -webkit-appearance: none;
    }
    
    .form-group.amount input[type="radio"]:checked + .radio-label:before {
        background-color: #41a645;
        box-shadow: inset 0 0 0 4px #f4f4f4;
    }
    
    .addDiscountNew h5 {
        padding-bottom: 15px;
        text-align: center;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 0px;
        font-size: 24px;
    }
    
    .addDiscountNew h5 {
        padding-bottom: 15px;
        text-align: center;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 0px;
        font-size: 24px;
    }
    
    .form-group.amount input[type="radio"] + .radio-label:before {
        content: '';
        background: #f4f4f4;
        border-radius: 100%;
        border: 1px solid #b4b4b4;
        display: inline-block;
        width: 1.4em;
        height: 1.4em;
        position: relative;
        top: 1px;
        margin-right: 5px;
        vertical-align: top;
        cursor: pointer;
        text-align: center;
        transition: all 250ms ease;
    }
    
    .order-profl .oRproDetail {
        padding: 25px;
        border-bottom: none;
    }
    
    .order-profl.orderRight {
        padding-bottom: 0;
    }
</style>

      @endsection