@extends('layouts.main')

@section('content')
   
    @if(Auth::user()->canDo(['view_sales']))
        <a  href="{{route('work_shifts.index')}}"  class="btn btn-dark" style="color: #FFF">Work Shifts</a>
        <a  href="{{route('sales.index')}}"  class="btn btn-dark" style="color: #FFF">View Sales</a>
        <a  href="{{url('get_period_sales')}}"  class="btn btn-dark" style="color: #FFF">Invoice Report</a>     
        <a  href="{{route('sales_report.create')}}" class="btn btn-dark">Sales report</a>
        {{-- <a href="{{url('season_stock_sales')}}" style="color: #FFF" class="btn btn-dark">Stock sales</a> --}}
        <a href="{{route('dispatches.index')}}" style="color: #FFF" class="btn btn-dark">Un Dispatched</a>
    @endif

    @if(Auth::user()->canDo(['record_stockloss']))
        <a  href="{{route('stock_loss.create')}}"  class="btn btn-dark" style="color: #FFF">Stock loss</a>
    @endif

    @if(Auth::user()->canDo(['record_bad_debt']))
        <a href="{{route('bad_debts.index')}}" style="color: #FFF" class="btn btn-dark">Bad Debts</a>
    @endif

    @if(Auth::user()->canDo(['view_transactions']))
        <a href="{{url('bank_deposite')}}" style="color: #FFF" class="btn btn-dark">Bank</a>
    @endif
                             
    <hr>

    @if(Auth::user()->canDo(['view_sales']))

    <div class="row text-center">

        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
            <div class="card-box widget-box-one">
                <div class="wigdet-one-content">
                    <p class="m-0 text-uppercase font-600 font-secondary text-overflow">Today's Cash sales</p>
                    <h2 class="text-success"><span data-plugin="counterup">{{number_format($total_sales_today)}}</span></h2>                     
                </div>
            </div>
        </div>

        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
            <div class="card-box widget-box-one">
                <div class="wigdet-one-content">
                    <a href="{{ url('purchases_with_balance') }}">                  
                        <p class="m-0 text-uppercase font-600 font-secondary text-overflow">Credit</p>
                        <h2 class="text-success"><span data-plugin="counterup">{{number_format($credit_purchase)}}</span></h2>                     
                    </a>
                </div>
            </div>
        </div>
        
        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
            <div class="card-box widget-box-one">
                <div class="wigdet-one-content">
                    <a href="/sales_with_balance">
                        <p class="m-0 text-uppercase font-600 text-overflow">Debt</p>
                        <h2 class="text-danger"><span data-plugin="counterup" id="debts"></span></h2>
                    </a>                     
                </div>
            </div>
        </div>

        

    </div>


    <div class="row text-center">      
        
        <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
            <div class="card-box widget-box-one">
                <div class="wigdet-one-content">
                    <p class="m-0 text-uppercase font-600 font-secondary text-overflow">Today's Total Sales</p>
                    <h2 class="text-success">UGX:<span data-plugin="counterup">{{number_format($sum_sales)}}</span></h2>                     
                </div>
            </div>
        </div>

        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
            <div class="card-box widget-box-one">
                <div class="wigdet-one-content">
                    <p class="m-0 text-uppercase font-600 font-secondary text-overflow">Today's No. of sales</p>
                    <h2 class="text-success"><span data-plugin="counterup">{{number_format($sum_tickets)}}</span></h2>                     
                </div>
            </div>
        </div>

        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
            <div class="card-box widget-box-one">
                <div class="wigdet-one-content">
                    <p class="m-0 text-uppercase font-600 font-secondary text-overflow">Customers</p>
                    <h2 class="text-success"><span data-plugin="counterup">{{number_format($customers)}}</span></h2>                     
                </div>
            </div>
        </div>

    </div> 

    <div class="table-responsive">
        <table class="table table-hover table-striped" id="example">
            <thead>
                <th>Receipt Number</th>
                <th>Date</th>
                <th>Customer</th>
                <th>Type</th>
                <th>Cost</th>
                <th>Amount Paid</th>
                <th>Balance</th>
                <th>By</th>
                <th>Payments</th>
                <th>Action</th>
            </thead>

            <tbody>
                @foreach($main_sales as $main_sale)
                    <tr>
                        <td>{{ $main_sale->id }}</td>
                        <td>{{ $main_sale->created_at->format('d M Y') }}</td>
                        <td>
                            @if($main_sale->customer)
                                {{ $main_sale->customer->name }}<br>
                                {{ $main_sale->customer->phone_number }}
                            @endif
                        </td>
                        <td>{{ $main_sale->customer_type }}</td>
                        <td class="text-right">{{ number_format($main_sale->sum_sales) }}</td>
                        <td class="text-right">{{ number_format($main_sale->payments_total) }}</td>
                        <td class="text-right">{{ number_format($main_sale->balance) }}</td>
                        <td>{{ $main_sale->user->name }}</td>
                        <td>{{ $main_sale->payment_source }}</td>
                        <td>
                            <a href="{{ route('main_sale.edit', $main_sale->id) }}" class="btn btn-dark btn-sm">Details</a>
                        </td>
                    </tr>
                @endforeach
                
            </tbody>
        </table>
    </div>

    @else
        <p class="text-info">You need the "View sales" permision to see this dashboard</p>
    @endif

@endsection

@push('scripts')
<script>
    $(document).ready(function () {
            $("#debts").html("Processing ...");
        $.ajax({
            url: '/pending_invoice_balance', 
            type: 'GET',
            success: function (data) {
                $("#debts").html(data);
            },
            error: function (error) {
                $("#debts").text(error);
            }
        });
    });
    </script>
@endpush