@extends('backend.layouts.app')
@section('head')

    <link rel="stylesheet" href="{{asset('assets/css/datatable.css')}}">

@endsection
@section('content')

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

<div class="card">
        <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('users',$users,trans('User')) !!}
                {!! \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('Shop Name')}}</th>
                <th class="text-left">{{translate('phone')}}</th>
                <th class="text-left">{{translate('Email')}}</th>
                <th class="text-left">{{translate('Verification Info')}}</th>
                <th class="text-left">{{translate('Verification Status')}}</th>
                <th class="text-left">{{translate('translation using google')}}</th>
                <th class="text-left">{{translate('Num Product')}}</th>
                <th class="text-left">{{translate('Admin to pay')}}</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')
	<!-- Delete Modal -->
	@include('modals.delete_modal')
{{--    <div class="dropdown-menu dropdown-menu-right dropdown-menu-xs">--}}
{{--        @can('view_seller_profile')--}}
{{--            <a href="#" onclick="show_seller_profile('{{$shop->id}}');"  class="dropdown-item">--}}
{{--                {{translate('Profile')}}--}}
{{--            </a>--}}
{{--        @endcan--}}
{{--        @can('login_as_seller')--}}
{{--            <a href="{{route('sellers.login', encrypt($shop->id))}}" class="dropdown-item">--}}
{{--                {{translate('Log in as this Seller')}}--}}
{{--            </a>--}}
{{--        @endcan--}}
{{--        @can('pay_to_seller')--}}
{{--            <a href="#" onclick="show_seller_payment_modal('{{$shop->id}}');" class="dropdown-item">--}}
{{--                {{translate('Go to Payment')}}--}}
{{--            </a>--}}
{{--        @endcan--}}
{{--        @can('seller_payment_history')--}}
{{--            <a href="{{route('sellers.payment_history', encrypt($shop->user_id))}}" class="dropdown-item">--}}
{{--                {{translate('Payment History')}}--}}
{{--            </a>--}}
{{--        @endcan--}}
{{--        @can('edit_seller')--}}
{{--            <a href="{{route('sellers.edit', encrypt($shop->id))}}" class="dropdown-item">--}}
{{--                {{translate('Edit')}}--}}
{{--            </a>--}}
{{--        @endcan--}}
{{--        @can('ban_seller')--}}
{{--            @if($shop->user->banned != 1)--}}
{{--                <a href="#" onclick="confirm_ban('{{route('sellers.ban', $shop->id)}}');" class="dropdown-item">--}}
{{--                    {{translate('Ban this seller')}}--}}
{{--                    <i class="fa fa-ban text-danger" aria-hidden="true"></i>--}}
{{--                </a>--}}
{{--            @else--}}
{{--                <a href="#" onclick="confirm_unban('{{route('sellers.ban', $shop->id)}}');" class="dropdown-item">--}}
{{--                    {{translate('Unban this seller')}}--}}
{{--                    <i class="fa fa-check text-success" aria-hidden="true"></i>--}}
{{--                </a>--}}
{{--            @endif--}}
{{--        @endcan--}}
{{--        @can('delete_seller')--}}
{{--            <a href="#" class="dropdown-item confirm-delete" data-href="{{route('sellers.destroy', $shop->id)}}" class="">--}}
{{--                {{translate('Delete')}}--}}
{{--            </a>--}}
{{--        @endcan--}}
{{--    </div>--}}
	<!-- Seller Profile Modal -->
	<div class="modal fade" id="profile_modal">
		<div class="modal-dialog">
			<div class="modal-content" id="profile-modal-content">

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

	<!-- Seller Payment Modal -->
	<div class="modal fade" id="payment_modal">
	    <div class="modal-dialog">
	        <div class="modal-content" id="payment-modal-content">

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

	<!-- Ban Seller Modal -->
	<div class="modal fade" id="confirm-ban">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title h6">{{translate('Confirmation')}}</h5>
					<button type="button" class="close" data-dismiss="modal">
					</button>
				</div>
				<div class="modal-body">
                    <p>{{translate('Do you really want to ban this seller?')}}</p>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-light" data-dismiss="modal">{{translate('Cancel')}}</button>
					<a class="btn btn-primary" id="confirmation">{{translate('Proceed!')}}</a>
				</div>
			</div>
		</div>
	</div>

	<!-- Unban Seller Modal -->
	<div class="modal fade" id="confirm-unban">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title h6">{{translate('Confirmation')}}</h5>
						<button type="button" class="close" data-dismiss="modal">
						</button>
					</div>
					<div class="modal-body">
							<p>{{translate('Do you really want to unban this seller?')}}</p>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-light" data-dismiss="modal">{{translate('Cancel')}}</button>
						<a class="btn btn-primary" id="confirmationunban">{{translate('Proceed!')}}</a>
					</div>
				</div>
			</div>
		</div>
@endsection

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

    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    {!! $datatable_script !!}
    {!! $switch_script !!}
    {!! $switch_script_for_can_use_google_translate !!}
    <script type="text/javascript">
        $(document).on("change", ".check-all", function() {
            if(this.checked) {
                // Iterate each checkbox
                $('.check-one:checkbox').each(function() {
                    this.checked = true;
                });
            } else {
                $('.check-one:checkbox').each(function() {
                    this.checked = false;
                });
            }

        });

        function show_seller_payment_modal(id){
            $.post('{{ route('sellers.payment_modal') }}',{_token:'{{ @csrf_token() }}', id:id}, function(data){
                $('#payment_modal #payment-modal-content').html(data);
                $('#payment_modal').modal('show', {backdrop: 'static'});
                $('.demo-select2-placeholder').select2();
            });
        }

        function show_seller_profile(id){
            $.post('{{ route('sellers.profile_modal') }}',{_token:'{{ @csrf_token() }}', id:id}, function(data){
                $('#profile_modal #profile-modal-content').html(data);
                $('#profile_modal').modal('show', {backdrop: 'static'});
            });
        }

        function update_approved(el){
            if(el.checked){
                var status = 1;
            }
            else{
                var status = 0;
            }
            $.post('{{ route('sellers.approved') }}', {_token:'{{ csrf_token() }}', id:el.value, status:status}, function(data){
                if(data == 1){
                    AIZ.plugins.notify('success', '{{ translate('Approved sellers updated successfully') }}');
                }
                else{
                    AIZ.plugins.notify('danger', '{{ translate('Something went wrong') }}');
                }
            });
        }

        function sort_sellers(el){
            $('#sort_sellers').submit();
        }

        function confirm_ban(url)
        {
            $('#confirm-ban').modal('show', {backdrop: 'static'});
            document.getElementById('confirmation').setAttribute('href' , url);
        }

        function confirm_unban(url)
        {
            $('#confirm-unban').modal('show', {backdrop: 'static'});
            document.getElementById('confirmationunban').setAttribute('href' , url);
        }

        function bulk_delete() {
            var data = new FormData($('#sort_sellers')[0]);
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{route('bulk-seller-delete')}}",
                type: 'POST',
                data: data,
                cache: false,
                contentType: false,
                processData: false,
                success: function (response) {
                    if(response == 1) {
                        location.reload();
                    }
                }
            });
        }

    </script>
@endsection