@php use Carbon\Carbon; @endphp
@extends('admin.layout.master')

@section('title')
    Manage Sale
@endsection

<link rel="stylesheet" href="{{ URL::asset('admin/assets/vendors/datatables.net-bs5/dataTables.bootstrap5.css') }}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
<style>
    .owl-nav {
        display: none !important;
    }

    /* For modern browsers */
    input[type="number"] {
        -moz-appearance: textfield;
    }

    /* For Webkit browsers like Chrome and Safari */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* For Firefox */
    input[type="number"] {
        -moz-appearance: textfield;
    }
</style>
@section('content')

    <div class="page-content">

        <nav class="page-breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin./') }}">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">Manage Sale</li>
            </ol>
        </nav>

        <div class="row mb-3">
            <div class="col-md-3"></div>
            <div class="col-md-3 text-center justify-content-center">
                <a class="btn btn-dark p-2 w-100" style="font-size: 28px" href="{{ route('admin.ManageDailySale') }}">Daily
                    Sale</a>
            </div>
            <div class="col-md-3 text-center justify-content-center">
                <button type="button" data-bs-toggle="modal" data-bs-target="#AddDailyExpense"
                        class="btn btn-dark p-2 w-100" style="font-size: 28px">Daily Expense
                </button>
            </div>
            <div class="col-md-3">
                <form action="{{ route('admin.ManageSale') }}" method="get">
                    @csrf
                    <div class="input-group flatpickr" id="flatpickr-date">
                        <input type="text" class="form-control MyInput" name="date" required
                               placeholder="Select date"
                               value="{{ ($request->date) ? $request->date : Carbon::now()->format('Y-m-d') }}"
                               data-input>
                        <span class="input-group-text MyInput" data-toggle><i
                                    data-feather="calendar"></i></span>
                    </div>
                    <div class="row text-center mt-3">
                        <div class="col-md-12 text-center">
                            <button class="btn btn-success">Search</button>
                            <a href="{{ route('admin.ManageSale') }}" class="btn btn-danger">Reset</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            @include('admin.layout.laravel_errors')
                        </div>
                        <div class="row">
                            <div class="col-md-12"><h6 class="card-title" style="font-weight:bold;font-size:22px">
                                    Sale</h6></div>
                        </div>
                        <div class="table-responsive">
                            <table class="table dataTableExample">
                                <thead>
                                <tr>
                                    <th>Id</th>
                                    <th>Status</th>
                                    <th>Category</th>
                                    <th>Product</th>
                                    <th>Price</th>
                                    <th>Quantity</th>
                                    <th>Total Price</th>
                                    <th>Date</th>
                                    <th>Detail</th>
                                    <th>Edit</th>
                                    <th>Delete</th>
                                </tr>
                                </thead>
                                <tbody>
                                                                @forelse($sales as $i=>$sale)
                                                                            <tr>
                                        <td>{{ $i+1 }}</td>
                                        <td>
                                            @if($sale->payment_status==0)
                                                <span class="badge bg-danger">Unpaid</span>
                                            @else
                                                <span class="badge bg-success">Paid</span>
                                            @endif
                                        </td>
                                        <td>{{ ($sale->category_data) ? $sale->category_data->name : '--' }}</td>
                                        <td>{{ ($sale->subcategory_data) ? $sale->subcategory_data->name : '--' }}</td>
                                        <td>{{ ($sale->price) ? number_format($sale->price) : '--' }}</td>
                                        <td>{{ ($sale->quantity) ? $sale->quantity : '--' }}</td>
                                        <td>{{ ($sale->total_price) ? number_format($sale->total_price) : '--' }}</td>
                                        <td>{{ ($sale->date) ? Carbon::parse($sale->date)->format("d-m-Y") : '--' }}</td>
                                        <td>{{ ($sale->sale_detail) ? $sale->sale_detail : '--' }}</td>
                                        <td>
                                            <a href="{{ route('admin.editsale',[encrypt($sale->id)]) }}"
                                               class="btn btn-outline-info"><i class="fa fa-edit"></i></a>
                                        </td>
                                        <td>
                                            <a onclick="return(confirm('Are you sure to delete this record permanently ?'))"
                                               href="{{ route('admin.deletesale',[encrypt($sale->id)]) }}"
                                               class="btn btn-outline-danger"><i class="fa fa-trash"></i></a>
                                        </td>
                                    </tr>
                                @empty
                                @endforelse
                                </tbody>
                                <tfoot>
                                <tr>
                                    <td colspan="6">
                                        <center><b>Total Sale </b></center>
                                    </td>
                                    <td><b>RS {{ number_format($total) }}</b></td>
                                    <td colspan="5"></td>
                                </tr>
                                </tfoot>
                            </table>
                        </div>

                    </div>
                </div>
            </div>
        </div>

        <br>

        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            @include('admin.layout.laravel_errors')
                        </div>
                        <div class="row">
                            <div class="col-md-12"><h6 class="card-title" style="font-weight:bold;font-size:22px">
                                    Pending Payments</h6></div>
                        </div>
                        <div class="table-responsive">
                            <table class="table dataTableExample">
                                <thead>
                                <tr>
                                    <th>Id</th>
                                    <th>Status</th>
                                    <th>Category</th>
                                    <th>Product</th>
                                    <th>Price</th>
                                    <th>Quantity</th>
                                    <th>Total Price</th>
                                    <th>Date</th>
                                    <th>Detail</th>
                                    <th>Edit</th>
                                    <th>Delete</th>
                                </tr>
                                </thead>
                                <tbody>
                                                                @forelse($pending_sales as $i=>$sale1)
                                                                            <tr>
                                        <td>{{ $i+1 }}</td>
                                        <td>
                                            @if($sale1->payment_status==0)
                                                <span class="badge bg-danger">Unpaid</span>
                                            @else
                                                <span class="badge bg-success">Paid</span>
                                            @endif
                                        </td>
                                        <td>{{ ($sale1->category_data) ? $sale1->category_data->name : '--' }}</td>
                                        <td>{{ ($sale1->subcategory_data) ? $sale1->subcategory_data->name : '--' }}</td>
                                        <td>{{ ($sale1->price) ? number_format($sale1->price) : '--' }}</td>
                                        <td>{{ ($sale1->quantity) ? $sale1->quantity : '--' }}</td>
                                        <td>{{ ($sale1->total_price) ? number_format($sale1->total_price) : '--' }}</td>
                                        <td>{{ ($sale1->date) ? Carbon::parse($sale1->date)->format("d-m-Y") : '--' }}</td>
                                        <td>{{ ($sale1->sale_detail) ? $sale1->sale_detail : '--' }}</td>
                                        <td>
                                            <a href="{{ route('admin.editsale',[encrypt($sale1->id)]) }}"
                                               class="btn btn-outline-info"><i class="fa fa-edit"></i></a>
                                        </td>
                                        <td>
                                            <a onclick="return(confirm('Are you sure to delete this record permanently ?'))"
                                               href="{{ route('admin.deletesale',[encrypt($sale1->id)]) }}"
                                               class="btn btn-outline-danger"><i class="fa fa-trash"></i></a>
                                        </td>
                                    </tr>
                                @empty
                                @endforelse
                                </tbody>
                                <tfoot>
                                <tr>
                                    <td colspan="6">
                                        <center><b>Total Sale </b></center>
                                    </td>
                                    <td><b>RS {{ number_format($pendingtotal) }}</b></td>
                                    <td colspan="5"></td>
                                </tr>
                                </tfoot>
                            </table>
                        </div>

                    </div>
                </div>
            </div>
        </div>

        <br>
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-12"><h6 class="card-title" style="font-weight:bold;font-size:22px">
                            Expense</h6></div>
                </div>
                <div class="table-responsive">
                    <table class="table dataTableExample">
                        <thead>
                        <tr>
                            <th>ID</th>
                            <th>Name</th>
                            <th>Price</th>
                            <th>Detail</th>
                            <th>Date</th>
                            <th>Edit</th>
                            <th>Delete</th>
                        </tr>
                        </thead>
                        <tbody>
                        @forelse($expense as $i=>$expens)
                            <tr>
                                <td>{{ $i+1 }}</td>
                                <td>{{ ($expens->name) ? $expens->name : '--' }}</td>
                                <td>{{ ($expens->price) ? number_format($expens->price) : '--' }}</td>
                                <td>{{ ($expens->detail) ? $expens->detail : '--' }}</td>
                                <td>{{ ($expens->date) ? Carbon::parse($expens->date)->format("d-m-Y") : '--' }}</td>
                                <td>
                                    <a href="{{ route('admin.editsale',[encrypt($expens->id)]) }}"
                                       class="btn btn-outline-info"><i class="fa fa-edit"></i></a>
                                </td>
                                <td>
                                    <a onclick="return(confirm('Are you sure to delete this record permanently ?'))"
                                       href="{{ route('admin.deletesale',[encrypt($expens->id)]) }}"
                                       class="btn btn-outline-danger"><i class="fa fa-trash"></i></a>
                                </td>
                            </tr>
                        @empty
                        @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="AddDailyExpense" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header bg-dark">
                    <h5 class="modal-title text-white" id="exampleModalLabel">Add Daily Expense</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
                </div>
                <div class="modal-body">
                    <div class="container">
                        <form action="{{ route('admin.savedailyexpense') }}" method="post" class="MyForm" id=""
                              enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label> Name </label>
                                        <input type="text" name="name" autocomplete="off"
                                               class="form-control MyInput"
                                               required="" placeholder=" Name . . . ">
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label> Price </label>
                                        <input type="number" min="1" name="price" autocomplete="off"
                                               class="form-control MyInput"
                                               required="" placeholder="Price . . . ">
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label> Expense Date </label>
                                        <div class="input-group flatpickr" id="flatpickr-date">
                                            <input type="text" class="form-control MyInput" name="date" required
                                                   placeholder="Select date"
                                                   value="{{ Carbon::now()->format('Y-m-d') }}"
                                                   data-input>
                                            <span class="input-group-text MyInput" data-toggle><i
                                                        data-feather="calendar"></i></span>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-12 mb-3">
                                    <div class="form-group">
                                        <label>Detail</label>
                                        <textarea name="detail" rows="5" placeholder="Detail"
                                                  class="form-control"></textarea>
                                    </div>
                                </div>
                                <div class="col-md-12 text-center">
                                    <button class="btn btn-dark MyButton" type="submit" id=""> Save
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection
@section('script')

    <script src="{{ URL::asset('admin/assets/vendors/datatables.net/jquery.dataTables.js') }}"></script>
    <script src="{{ URL::asset('admin/assets/vendors/datatables.net-bs5/dataTables.bootstrap5.js') }}"></script>
    <script src="{{ URL::asset('admin/assets/js/data-table.js') }}"></script>

@endsection