@extends('layouts.admin-main')
@section('content')
    <div class="" style="display: flex;justify-content: center;width: 100%;height: 100%;background-color: #eee;">
        {{--        <div class="text-center mt-4 ml-4 notPrint" style="width: 5%;; height: 50%;">--}}
        {{--            <a href="{{route('sales.index')}}" id="back" name="back" class="btn-sm btn-danger mt-6 fw-bold notPrint" style="cursor: pointer;color: white;">Back</a>--}}
        {{--        </div>--}}
        <div class="" style="height: 100%;width: 100%;">
            <div class="text-center bg-white print" id="print" style="width: 100%;height: 100%;margin: auto;color: rebeccapurple">
                {{--                <div class="row" style="display: flex;justify-content: end;align-items: center;color: rebeccapurple">--}}
                {{--                    <div class="col-sm-4 col-xl-4 m-6 text-left" style="display:flex;justify-content: center;align-items: center;font-size: 14px">--}}
                {{--                        GRN Number--}}
                {{--                    </div>--}}
                {{--                </div>--}}
                <div class="row" style="display: flex;justify-content: center;align-items: center;color: rebeccapurple;">
                    <div class="col-sm-6 col-xl-6 p-2" style="border: 1px solid rebeccapurple;display: flex;justify-content: center;align-items: center;">
                        <h1 style="font-weight: bold;font-size: 24px">{{$settings_->shop_name}}</h1>
                    </div>
                </div>
                <div class="mt-4 ml-2 mr-2" style="display: flex;justify-content: center;align-items: center;color: rebeccapurple">
                    <div class="row" style="width: 98%;">
                        <div class="col-sm-6 col-xl-8 text-left" style="font-size: 14px;">
                            {{__('message.cashier')}} : <b>{{$cashie}}</b>
                        </div>
                        <div class="col-sm-6 col-xl-4 text-right" style="font-size: 14px">
                            {{__('message.invoice date')}} : <b>{{now()->toDateTimeString()}}</b>
                        </div>
                    </div>
                </div>
                <div class="mt-4 ml-2 mr-2" style="display: flex;justify-content: center;align-items: center">
                    <div class="row" style="width: 98%;">
                        <div class="col-sm-8 col-xl-8 text-left" style="font-size: 14px">
                            {{__('message.location')}} : <b>{{$settings_->address}}</b>
                        </div>
                        <div class="col-sm-4 col-xl-4 text-right" style="font-size: 14px">
                            {{__('message.phone number')}} : <b>{{$settings_->phone}}</b>
                        </div>
                    </div>
                </div>
                <div class="mt-4 ml-2 mr-2" style="display: flex;justify-content: center;align-items: center">
                    <div class="row" style="width: 98%;">
                        <div class="col-sm-8 col-xl-8 text-left" style="font-size: 14px">
                            <span class="mr-4"> {{__('message.start date')}}  {{date('d/m/y' , strtotime($start_date))}} </span>
                            <span class="ml-4"> {{__('message.to date')}}  {{date('d/m/y' , strtotime($end_date))}} </span>
                        </div>
                    </div>
                </div>
                <div class="row mt-4" style="display: flex;justify-content: center;align-items: center;color: rebeccapurple;">
                    <div class="col-sm-6 col-xl-12 p-2 text-center" style="display: flex;justify-content: center;align-items: center;">
                        <h1 style="font-weight: bold;border-bottom: 2px solid rebeccapurple;font-size: 18px" class="">{{__('message.summary report')}}</h1>
                    </div>
                </div>
                <div class="row ml-2 mt-2" style="width: 98%;display: flex;justify-content: center;align-items: center">
                    <table id="example" class="table table-bordered table-hover table-striped w-100">
                        <thead class="bg-fusion-50 text-center">
                        <tr>
                            <th>#</th>
                            <th>{{__('message.date')}}</th>
                            <th class="text-center">{{ __('message.total sale') }}</th>
                            <th class="text-center">{{ __('message.amount sale') }}</th>
                        </tr>
                        </thead>
                        <tbody class="text-center">