@extends('layouts.master')
@extends('sidebar.dashboard')

@section('page-style')

<style>



</style>


@endsection

@section('content')

<section id="statistics-card">

  <!-- Stats Vertical Card -->
  <div class="row">



    <div class="col-lg-12 col-md-6 col-12">
      <div class="card card-profile">
        <img src="{{URL::to('app-assets/images/logo/rmz_bg.jpg')}}" class="img-fluid card-img-top" alt="Profile Cover Photo" />


        <div class="card-body">
          <div class="profile-image-wrapper">
            <div class="profile-image">
              <div class="avatar">
                <img src="{{$outletInfo->outlet_logo}}" alt="Profile Picture" />
              </div>
            </div>
          </div>
          <h3>{{$outletInfo->StoreName}}</h3>
          <h6 class="text-muted">Manager : {{$outletInfo->StoreManagerName}}</h6>
          <h6 class="text-muted">Mobile : {{$outletInfo->StoreManagerPhoneNumber}}</h6>
          <!-- <span class="badge badge-light-primary profile-badge">Manager : {{$outletInfo->StoreManagerName}}<br/>Mobile : {{$outletInfo->StoreManagerPhoneNumber}}</span><br/>
        <span class="badge badge-light-primary profile-badge">Mobile : {{$outletInfo->StoreManagerPhoneNumber}}</span> -->
          <hr class="mb-2" />

          <ul class="nav nav-pills mb-2">
            <!-- Account -->
            <li class="nav-item">
              <a class="nav-link {{ Route::is('viewStore') ? 'active' : '' }}" href="{{route('viewStore',['store'=>$outletInfo->StoreName])}}">
                <i data-feather="user" class="font-medium-3 me-50"></i>
                <span class="fw-bold">Dashboard</span>
              </a>
            </li>

            <!-- billing and plans -->
            <li class="nav-item">
              <a class="nav-link {{ Route::is('storeReports') ? 'active' : '' }}" href="{{route('storeReports',['store'=>$outletInfo->StoreName])}}">
                <i data-feather="bookmark" class="font-medium-3 me-50"></i>
                <span class="fw-bold">Reports</span>
              </a>
            </li>
            <!-- notification -->

          </ul>
          <!-- <div class="d-flex justify-content-between align-items-center">
          <div>
            <h6 class="text-muted fw-bolder">Followers</h6>
            <h3 class="mb-0">10.3k</h3>
          </div>
          <div>
            <h6 class="text-muted fw-bolder">Projects</h6>
            <h3 class="mb-0">156</h3>
          </div>
          <div>
            <h6 class="text-muted fw-bolder">Rank</h6>
            <h3 class="mb-0">23</h3>
          </div>
        </div> -->
        </div>
      </div>
    </div>


    







  </div>
  <!--/ Stats Vertical Card -->



</section>

<section id="responsive-datatable">
      <div class="row">
        <div class="col-12">
          <div class="card">
            <div class="card-header border-bottom">
              <h4 class="card-title">Reports</h4>

              <a href="{{route('DailySalesSummary',['store'=>$outletInfo->StoreName,'year'=>request()->year,'month'=>request()->month])}}">Back</a>
            </div>
            <div class="card-datatable">
              <table class="dt-responsive table" id="salestable">
                <thead>
                  <tr>
                    <th>S.No</th>
                    <th>Date</th>
                    <th>Invoice Number</th>
                    <th>Net Amount</th>
                    <th>Tax Amount</th>
                    <th>Grand Total</th>
                  </tr>
                </thead>
                <tbody>
                  @if(count($storeRecords)>0)
                                    @foreach($storeRecords as $rec)
                  <tr>
                    <td>{{$i}}</td>
                    <td>{{ date("d-m-Y", strtotime($rec->BillDate)) }}</td>
                    <th>{{$rec->BillNo}}</th>
                    <td>{{ \Hp::currencyFormat($rec->TotalPrice) }}</td>
                    <td>{{ \Hp::currencyFormat($rec->TotalTax) }}</td>
                    <td>{{ \Hp::currencyFormat($rec->TotalPriceWithTax) }}</td>
                  </tr>
                                    @endforeach
                  @else
                  <tr>
                    <th colospan="7">No Records Found</th>
                  </tr>
                  @endif
                </tbody>
                <tfoot>
                  <tr>
                    <th>S.No</th>
                    <th>Date</th>
                    <th>Invoice Number</th>
                    <th>Net Amount</th>
                    <th>Tax Amount</th>
                    <th>Grand Total</th>
                  </tr>
                </tfoot>
              </table>
            </div>
          </div>
        </div>
      </div>
    </section>




@endsection


@section('page-script')
<script>
  if ($('#salestable').length) {
    $('#salestable').DataTable({
      "pageLength": 50,
      responsive: true,
      fixedHeader: {
        header: true
      },
      processing: true,
      // serverSide: true,
    });
  }
</script>
@endsection