@extends('seller.layouts.datatable-app')

@section('panel_content')

    <div class="aiz-titlebar mt-2 mb-4">
      <div class="row align-items-center">
        <div class="col-md-6">
            <h1 class="h3">{{ translate('Products') }}</h1>
        </div>
      </div>
    </div>

    <div class="row gutters-10 justify-content-center">


        <div class="col-md-4 mx-auto mb-3" >
            <a href="{{ route('seller.products.create')}}">
              <div class="p-3 rounded mb-3 c-pointer text-center bg-white shadow-sm hov-shadow-lg has-transition">
                  <span class="size-60px rounded-circle mx-auto bg-secondary d-flex align-items-center justify-content-center mb-3">
                      <i class="las la-plus la-3x text-white"></i>
                  </span>
                  <div class="fs-18 text-primary">{{ translate('Add New Product') }}</div>
              </div>
            </a>
        </div>
    </div>

    <div class="card">
        <div class="card-header row gutters-5">
            <div class="col">
                <h5 class="mb-md-0 h6">{{ translate('All Products') }}</h5>
            </div>
        </div>
        <div class="card-body">

            <div class="row">
                {{--                {!!  \App\Services\SelectService::multi_select_2_status('status',$status,trans('cp.datatable.status')) !!}--}}
                {!!  \App\Services\SelectService::multi_select_2('categories',$categories,translate('category')) !!}
                {!!  \App\Services\SelectService::multi_select_2('brands',$brands,translate('Brand')) !!}
                {!!  \App\Services\SelectService::select_featured('featured',translate('Featured'))!!}
                {!!  \App\Services\SelectService::select_featured('published',translate('Published')) !!}
                {!!  \App\Services\SelectService::multi_select_2_status('shipping_type',$shipping_type,translate('Shipping type')) !!}
                {!!  \App\Services\SelectService::multi_select_2_status('discount_type',$discount_type,translate('Discount type')) !!}
            </div>
            <div class="row">
                {!!  \App\Services\SelectService::search_price('price',translate('Price Form'),translate('Price To')) !!}
            </div>
            <div class="row">
                {!!  \App\Services\SelectService::search_crated_at() !!}
                {!! \App\Services\ButtonService::apply_filter_button() !!}
            </div>

            <table id="datatable" class="table table-striped w-100">
                <thead>

                <th style="text-align: center">
                    <input type="checkbox" id="select_all"/></th>
                <th class="text-left">#</th>
                <th class="text-left">{{translate('Name')}}</th>
                <th class="text-left">{{translate('Category')}}</th>
                <th class="text-left">{{translate('Brand')}}</th>
                <th class="text-left">{{translate('Price')}}</th>
                <th class="text-left">{{translate('Published')}}</th>
                <th class="text-left">{{translate('Featured')}}</th>
                <th class="text-left">{{translate('Shipping type')}}</th>
                <th class="text-left">{{translate('Discount type')}}</th>
                <th class="text-left">{{translate('created at')}}</th>
                <th class="text-left">{{translate('updated at')}}</th>
                <th class="text-left w-150px">{{translate('actions')}}</th>

                </thead>
                <tbody>

                </tbody>
            </table>
        </div>
    </div>

@endsection

@section('modal')
    @include('modals.delete_modal')
@endsection

@section('script')
    <script src="{{asset('assets/js/datatable.js')}}"></script>

    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    {!! $datatable_script !!}

    <script type="text/javascript">
        $(function () {

            var start = moment().subtract(29, 'month');
            var end = moment();

            function cb(start, end) {
                $('#created_at span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
            }

            $('input[name="created_at"]').daterangepicker({
                startDate: start,
                endDate: end,
                ranges: {
                    'All': ['all', 'all'],
                    'Today': [moment(), moment()],
                    'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                    'Last 7 Days': [moment().subtract(6, 'days'), moment()],
                    'Last 30 Days': [moment().subtract(29, 'days'), moment()],
                    'This Month': [moment().startOf('month'), moment().endOf('month')],
                    'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
                }
            }, cb);
            cb(start, end);

        });
    </script>

    {!! $switch_script !!}
    {!! $switch_script_featured !!}
    {!! $switch_script_todays_deal !!}
    {!! $switch_script_approved !!}
    <script type="text/javascript">
        function update_featured(el){
            if(el.checked){
                var status = 1;
            }
            else{
                var status = 0;
            }
            $.post('{{ route('seller.products.featured') }}', {_token:'{{ csrf_token() }}', id:el.value, status:status}, function(data){
                if(data == 1){
                    AIZ.plugins.notify('success', '{{ translate('Featured products updated successfully') }}');
                }
                else{
                    AIZ.plugins.notify('danger', '{{ translate('Something went wrong') }}');
                    location.reload();
                }
            });
        }

        function update_published(el){
            if(el.checked){
                var status = 1;
            }
            else{
                var status = 0;
            }
            $.post('{{ route('seller.products.published') }}', {_token:'{{ csrf_token() }}', id:el.value, status:status}, function(data){
                if(data == 1){
                    AIZ.plugins.notify('success', '{{ translate('Published products updated successfully') }}');
                }
                else if(data == 2){
                    AIZ.plugins.notify('danger', '{{ translate('Please upgrade your package.') }}');
                    location.reload();
                }
                else{
                    AIZ.plugins.notify('danger', '{{ translate('Something went wrong') }}');
                    location.reload();
                }
            });
        }
    </script>
@endsection