@extends('admin.master')
@section('title','Sale List')
@section('content')
    <style>
        .dataTables_wrapper .dataTables_processing {
            position: absolute;
            top: 30%;
            left: 50%;
            width: 30%;
            height: 40px;
            margin-left: -20%;
            margin-top: -25px;
            padding-top: 20px;
            text-align: center;
            color: red;
        }
    </style>
    <div class="container-fluid">
        <div class="row bg-title">
            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
                <ol class="breadcrumb">
                    <li class="active breadcrumbColor"><a href="{{ url('dashboard') }}"><i class="fa fa-home"></i>
                            Dashboard</a></li>
                    <li>@yield('title')</li>
                </ol>
            </div>
            <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
                <a href="{{ route('sale.create') }}"
                   class="btn btn-success pull-right m-l-20  waves-effect waves-light"> <i class="fa fa-plus-circle"
                                                                                           aria-hidden="true"></i> Add
                    New</a>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-12">
                <div class="panel panel-info">
                    <div class="panel-heading"><i class="mdi mdi-table fa-fw"></i> @yield('title')</div>
                    <div class="panel-wrapper collapse in" aria-expanded="true">
                        <div class="panel-body">
                            @if(session()->has('success'))
                                <div class="alert alert-success alert-dismissable">
                                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×
                                    </button>
                                    <i class="cr-icon glyphicon glyphicon-ok"></i>&nbsp;<strong>{{ session()->get('success') }}</strong>
                                </div>
                            @endif
                            @if(session()->has('error'))
                                <div class="alert alert-danger alert-dismissable">
                                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×
                                    </button>
                                    <i class="glyphicon glyphicon-remove"></i>&nbsp;<strong>{{ session()->get('error') }}</strong>
                                </div>
                            @endif

                            <form action="{!! route('sale.index') !!}">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-2">
                                            <label for="">Start Date</label>
                                            <input type="text" class="form-control start_date" name="start_date"
                                                   placeholder="Start Date" id="start_date" autocomplete="off">
                                        </div>
                                        <div class="col-md-2">
                                            <label for="">End Date</label>
                                            <input type="text" class="form-control end_date" name="end_date"
                                                   placeholder="End Date" id="end_date" autocomplete="off">
                                        </div>


                                        <div class="col-md-2">
                                            <label for="">Warehouse </label>
                                            {{ Form::select('warehouse_id',$warehouse, auth()->user()->warehouse_id, array('class' => 'form-control','id'=>'warehouse_id')) }}
                                        </div>
                                        <div class="col-md-2">
                                            <label for="">Sale Type</label>
                                            <select class="form-control" name="sale_type" id="sale_type">
                                                <option value="">All</option>
                                                <option value="sale">POS Sale</option>
                                                <option value="ecom">E-commerce</option>
                                            </select>
                                        </div>
                                        <div class="col-md-2">
                                            <label for="">Delivery Status</label>
                                            <select class="form-control" name="delivery_status" id="delivery_status">
                                                <option value="">All</option>
                                                <option value="0">PENDING</option>
                                                <option value="1">DELIVERED</option>
                                                <option value="2">PROCESSING</option>
                                            </select>
                                        </div>
                                        <div class="col-md-2">
                                            <label for="">Payment Status</label>
                                            <select class="form-control" name="payment_status" id="payment_status">
                                                <option value="">All</option>
                                                <option value="0">DUE</option>
                                                <option value="1">PAID</option>
                                                <option value="2">PARTIAL PAID</option>
                                            </select>
                                        </div>

                                    </div>
                                </div>
                                <div class="row" style="margin-top: 10px;margin-bottom: 15px">
                                    <div class="col-md-12 pull-right">
                                        <button type="button" name="submit" id="filter_clear_button"
                                                class="btn btn-danger pull-right"
                                                style="margin-top: 10px;margin-right: 10px"><i
                                                    class="fa fa-eraser"></i> Clear
                                        </button>

                                        <button type="button" name="submit" value="search" id="filter_submit_button"
                                                class="btn btn-primary pull-right"
                                                style="margin-top: 10px;margin-right: 10px"><i
                                                    class="fa fa-search"></i>Search
                                        </button>
                                    </div>
                                </div>
                            </form>

                            <div class="table table-responsive">
                                <table id="sale_table" class="table table-bordered" style="margin-top: 10px">
                                    <thead>
                                    <tr class="tr_header">
                                        <th>Date</th>
                                        <th>Invoice Number</th>
{{--                                        <th>Warehouse</th>--}}
                                        <th>Customer</th>
                                        <th>Quantity</th>
                                        <th>Amount</th>
                                        <th>Total Paid</th>
                                        <th>Total Due</th>
                                        <th>Payment Status</th>
                                        <th>Delivery Status</th>
                                        <th style="text-align: center;">Action</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    {{--                                    {!! $sl=null !!}--}}
                                    {{--                                    @foreach($data AS $value)--}}
                                    {{--                                        <tr class="{!! $value->id !!}">--}}
                                    {{--                                            <td>{!! ++$sl !!}</td>--}}
                                    {{--                                            <td>{!! $value->date !!}</td>--}}
                                    {{--                                            <td>{!! $value->invoice_code !!}</td>--}}

                                    {{--                                            <td>@if(isset($value->warehouse)){!! $value->warehouse->name !!}@endif</td>--}}
                                    {{--                                            <td>@if(isset($value->customer)){!! $value->customer->name !!}@endif</td>--}}
                                    {{--                                            <td>{!! $value->total_quantity !!}</td>--}}
                                    {{--                                            <td>{!! $value->total_amount !!}</td>--}}
                                    {{--                                            <td>{{ $value->payment->sum('payment_amount') }}</td>--}}
                                    {{--                                            <td>{{ $value->total_amount-$value->payment->sum('payment_amount') }}</td>--}}
                                    {{--                                            <td>--}}
                                    {{--                                                @if($value->payment_status == \App\Lib\Enumerations\PaymentStatus::$PAID)--}}
                                    {{--                                                    <span class="label label-success">{{ "Paid" }}</span>--}}
                                    {{--                                                @elseif($value->payment_status == \App\Lib\Enumerations\PaymentStatus::$DUE)--}}
                                    {{--                                                    <span class="label label-danger">{{ "Due" }}</span>--}}
                                    {{--                                                @else--}}
                                    {{--                                                    <span class="label label-warning">{{ "Partial paid" }}</span>--}}
                                    {{--                                                @endif--}}
                                    {{--                                            </td>--}}
                                    {{--                                            <td>--}}
                                    {{--                                                @if($value->delivery_status == \App\Lib\Enumerations\DeliveryStatus::$DELIVERED)--}}
                                    {{--                                                    <span class="label label-success">{{ "Delivered" }}</span>--}}
                                    {{--                                                @elseif($value->delivery_status == \App\Lib\Enumerations\DeliveryStatus::$PENDING)--}}
                                    {{--                                                    <span class="label label-danger">{{ "Pending" }}</span>--}}
                                    {{--                                                @elseif($value->delivery_status == \App\Lib\Enumerations\DeliveryStatus::$PROCESSING)--}}
                                    {{--                                                    <span class="label label-danger">{{ "Processing" }}</span>--}}
                                    {{--                                                @else--}}
                                    {{--                                                    <span class="label label-warning">Unknown</span>--}}
                                    {{--                                                @endif--}}
                                    {{--                                            </td>--}}
                                    {{--                                            <td class="text-center" style="width: 110px;">--}}

                                    {{--                                                @if($value->payment_status == \App\Lib\Enumerations\PaymentStatus::$DUE)--}}
                                    {{--                                                <a href="{!! route('sale.edit',$value->id) !!}"  class="btn btn-success btn-xs btnColor">--}}
                                    {{--                                                    <i class="fa fa-pencil-square-o" aria-hidden="true"></i>--}}
                                    {{--                                                </a>--}}
                                    {{--                                                @endif--}}
                                    {{--                                                <a target="_blank" href="{!! url('downloadSingleSalePdf/'.$value->id.'/'.true ) !!}" class=" btn btn-info btn-xs btnColor  "><i class="fa fa-print " aria-hidden="true"></i></a>--}}
                                    {{--                                                <a href="{!!route('sale.show',$value->id )!!}" class=" btn btn-danger btn-xs btnColor  "><i class="fa fa-eye " aria-hidden="true"></i></a>--}}
                                    {{--                                                @if(Auth::user()->user_name == 'admin')--}}
                                    {{--                                                    <a href="{!!route('sale.destroy',$value->id )!!}" data-token="{!! csrf_token() !!}" data-id="{!! $value->id!!}" class="delete btn btn-danger btn-xs deleteBtn btnColor"><i class="fa fa-trash-o" aria-hidden="true"></i></a>--}}
                                    {{--                                                @endif--}}
                                    {{--                                            </td>--}}
                                    {{--                                        </tr>--}}
                                    {{--                                    @endforeach--}}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="statusModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
        {{ Form::open(array('route' =>'sale.status.update','enctype'=>'multipart/form-data')) }}
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Update Status</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>

                </div>
                <div class="modal-body">
                    <input type="hidden" name="saleID" id="saleID" class="form-control">
                    <div class="modal-detail-data">

                    </div>

                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">Save changes</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
            {{ Form::close() }}
        </div>
    </div>
@endsection
@section('page_scripts')
    @if(session()->has('new_record_id'))
        <script>
            var url = '{!! url('downloadSingleSalePdf/'.session()->get('new_record_id').'/'.true ) !!}';
            window.open(url, '_blank').focus();
        </script>
    @endif

    <script>
        $(function () {
            var table = $('#sale_table').DataTable({
                processing: true,
                serverSide: true,
                // আপনার রিকোয়েস্ট অনুযায়ী পরিবর্তন করা হয়েছে
                "pageLength": 20, 
                "lengthMenu": [[20, 50, 100, -1], [20, 50, 100, "All"]],
                ajax: {
                    url: '{{ route('sale.index') }}',
                    data: function (d) {
                        d.start_date = $('#start_date').val();
                        d.end_date = $('#end_date').val();
                        d.payment_status = $('#payment_status').val();
                        d.delivery_status = $('#delivery_status').val();
                        d.sale_type = $('#sale_type').val();
                        d.warehouse_id = $('#warehouse_id').val();

                    }
                },
                columns: [
                    {data: 'date', name: 'date'},
                    {data: 'invoice_code', name: 'invoice_code'},
                    // {data: 'warehouse_name', name: 'warehouses.name'},
                    {data: 'customer_name', name: 'customers.name'},
                    {data: 'total_quantity', name: 'total_quantity'},
                    {data: 'total_amount', name: 'total_amount'},
                    {data: 'payment_amount', name: 'payment_amount', searchable: false},
                    {data: 'due_amount', name: 'due_amount', searchable: false},
                    {
                        data: 'payment_status',
                        name: 'payment_status',
                        render: function (data, row) {
                            switch (data) {
                                case '0':
                                    return '<span class="label label-danger">DUE</span>';
                                    break;
                                case '1':
                                    return '<span class="label label-success">PAID</span>';
                                    break;
                                case '2':
                                    return 'PARTIAL PAID';
                                    break;
                                case 0:
                                    return '<span class="label label-danger">DUE</span>';
                                    break;
                                case 1:
                                    return '<span class="label label-success">PAID</span>';
                                    break;
                                case 2:
                                    return 'PARTIAL PAID';
                                    break;
                                default:
                                    return '-'
                            }
                        }
                    }, {
                        data: 'delivery_status',
                        name: 'delivery_status',
                        render: function (data, row) {
                            switch (data) {
                                case 0:
                                    return 'PENDING';
                                    break;
                                case 1:
                                    return 'DELIVERED';
                                    break;
                                case 2:
                                    return 'PROCESSING';
                                    break;
                                case 3:
                                    return 'CANCELED';
                                    break;
                                case 4:
                                    return 'SHIPPED';
                                    break;
                                case 5:
                                    return 'DISPATCHED';
                                    break;
                                default:
                                    return '-'
                            }
                        }
                    },
                    {data: 'action'},

                ],

                order: [[0, 'desc']]
            });

            //filter
            $('#filter_submit_button').on('click', function () {
                table.draw();
            });

            $('#filter_clear_button').on('click', function (e) {
                e.preventDefault();
                $('#start_date').val(null);
                $('#end_date').val(null);
                $('#payment_status').val('');
                $('#delivery_status').val('');
                $('#sale_type').val('');
                $('#warehouse_id').val('');
                table.draw();
            });

        });

    </script>

    <script>
        $(document).on("focus", ".start_date", function () {
            $(this).datepicker({
                defaultDate: new Date(),
                format: 'yyyy-mm-dd',
                todayHighlight: true,
            }).on('changeDate', function (e) {
                $(this).datepicker('hide');
            });
        });
        $(document).on("focus", ".end_date", function () {
            $(this).datepicker({
                defaultDate: new Date(),
                format: 'yyyy-mm-dd',
                todayHighlight: true,
            }).on('changeDate', function (e) {
                $(this).datepicker('hide');
            });
        });
    </script>

    <script>
        //Modal Code
        $('#statusModal').on('shown.bs.modal', function (e) {

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            var request_id = $(e.relatedTarget).data('id');
            $.ajax({
                url: "{{ route('saleStatusEdit')}}",
                type: "get",
                data: "id=" + request_id,
                success: function (response) {
                    $('.modal-detail-data').html(response);
                    $('#saleID').val(request_id);
                    $('#statusModal').modal("show");
                },
            });

        });
    </script>
@stop