1#@!#!123s

��JFIF�� 1#@!#!123s
: / var / www / html / projects / alkaline / resources / views / admin / reports /
Filename : sales.blade.php
back
@extends('layouts.admin.default')

@section('title',env('APP_NAME').' - Sales Report')

@section('main-content')

<div class="container-fluid">
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb my-0 ms-2">
        <li class="breadcrumb-item">
          <span>Home</span>
        </li>
        <li class="breadcrumb-item active"><span>Sales Report</span></li>
      </ol>
    </nav>
  </div>
</header>

<div class="body flex-grow-1 px-3">
    <div class="container-lg">


        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        @if (\Session::has('success'))
            <div class="alert alert-success">
                <ul>
                    <li>{!! \Session::get('success') !!}</li>
                </ul>
            </div>
        @endif

        @php
            // echo "<pre>";
            // echo $start_date;
            // echo "<br>";
            // echo $end_date;
            // echo "<br>";
            // echo $diff_in_days;
            // echo "</pre>";
        @endphp

        <form method="POST" action="">
            @csrf
        <div class="row">

            <div class="mb-3 col-md-3">
                <label class="form-label" for="report">Report</label>
                <select class="form-control" name="report" id="report">
                    <option value="1" {{ $report == 1?'selected':'' }}>Last 7 days</option>
                    <option value="2" {{ $report == 2?'selected':'' }}>This month</option>
                    <option value="3" {{ $report == 3?'selected':'' }}>Last month</option>
                    <option value="4" {{ $report == 4?'selected':'' }}>This Year</option>
                    <option value="5" {{ $report == 5?'selected':'' }}>Custom</option>
                </select>
            </div>

            <div class="mb-3 col-md-3 custom">
                <label class="form-label" for="start_date">Start Date (DD/MM/YYYY)</label>
                <input type="date" class="form-control" name="start_date" id="start_date" value="{{ date('Y-m-d', strtotime($start_date)) }}">
            </div>

            <div class="mb-3 col-md-3 custom">
                <label class="form-label" for="end_date">End Date (DD/MM/YYYY)</label>
                <input type="date" class="form-control" name="end_date" id="end_date" value="{{ date('Y-m-d', strtotime($end_date)) }}">
            </div>

        </div>

        <div class="mb-3 col-md-3">
            <button class="btn btn-primary">Submit</button>
        </div>
        </form>

        @if(!empty($orders))

        <div class="row">
            <div class="col-sm-6 col-md-3">
                <div class="card text-white bg-primary">
                    <div class="card-body">
                    <div class="text-medium-emphasis-inverse text-end mb-4">
                        <svg class="icon icon-xxl">
                        <use xlink:href="{{ url('assets/admin/vendors/@coreui/icons/svg/free.svg#cil-chart-pie') }}"></use>
                        </svg>
                    </div>
                    <div class="fs-4 fw-semibold">{{ currency() }} {{ $orders->sum('total') }}</div>
                        <small class="text-medium-emphasis-inverse text-uppercase fw-semibold">Gross Sales</small>
                    </div>
                </div>
            </div>

            <div class="col-sm-6 col-md-3">
                <div class="card text-black bg-warning">
                    <div class="card-body">
                    <div class="text-black text-end mb-4">
                        <svg class="icon icon-xxl">
                        <use xlink:href="{{ url('assets/admin/vendors/@coreui/icons/svg/free.svg#cil-chart-pie') }}"></use>
                        </svg>
                    </div>
                    <div class="fs-4 fw-semibold">{{ $orders->count('total') }}</div>
                        <small class="text-black text-uppercase fw-semibold">Orders Placed</small>
                    </div>
                </div>
            </div>

            <div class="col-sm-6 col-md-3">
                <div class="card text-white bg-danger">
                    <div class="card-body">
                    <div class="text-medium-emphasis-inverse text-end mb-4">
                        <svg class="icon icon-xxl">
                        <use xlink:href="{{ url('assets/admin/vendors/@coreui/icons/svg/free.svg#cil-chart-pie') }}"></use>
                        </svg>
                    </div>
                    <div class="fs-4 fw-semibold">{{ $order_products->sum('quantity') }}</div>
                        <small class="text-medium-emphasis-inverse text-uppercase fw-semibold">Items Purchased</small>
                    </div>
                </div>
            </div>

            <div class="col-sm-6 col-md-3">
                <div class="card text-white bg-info">
                    <div class="card-body">
                    <div class="text-medium-emphasis-inverse text-end mb-4">
                        <svg class="icon icon-xxl">
                        <use xlink:href="{{ url('assets/admin/vendors/@coreui/icons/svg/free.svg#cil-chart-pie') }}"></use>
                        </svg>
                    </div>
                    <div class="fs-4 fw-semibold">{{ currency() }} {{ round($orders->sum('total')/$diff_in_days,2) }}</div>
                        <small class="text-medium-emphasis-inverse text-uppercase fw-semibold">Average Daily Sales</small>
                    </div>
                </div>
            </div>

        </div>
        @endif



    </div>
</div>



<script>
$(document).ready(function(){

    $(".custom").hide();

    $(document).on("change","#report",function(){

        if($(this).val() == 5){
            $(".custom").show();
        }else{
            $(".custom").hide();
        }

    });

    $("#report").trigger("change");


});
</script>

@endsection