@extends('seller.layout.index')

{{-- ===========  meta Title  =================== --}}
@section('title')
    فروشندگان من
@endsection
{{-- ===========  My Css Style  =================== --}}
@section('style')
    <style>

    </style>
@endsection
{{-- ===========  My JavaScript  =================== --}}

@section('script')
    <script>

    </script>
@endsection
{{-- ===========      CONTENT      =================== --}}
@section('content')
    <div id="remove_modal" class="modal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-danger">
                        با حذف این مورد تمامی مکالمات شما پاک خواهد شد
                    </div>
                    <p>آیا از حذف این تیکت اطمینان دارید ؟</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">نه!</button>
                    <button onclick="RemoveOrder()" type="button" class="btn btn-success" data-dismiss="modal">حذف کن
                    </button>

                    <input id="id" type="hidden" value="">
                </div>
            </div>
        </div>
    </div>
    <div class="text-left mb-3">

        <a href="{{ route('home.seller.sub_seller.add') }}" class="btn btn-primary">ایجاد فروشنده</a>
    </div>
    @if(count($sub_sellers)>0)
        <div class="row">
            <div class="col-12">
                <form
                    id="groupDelete"
                    action="#"
                    method="POST">
                    @method('delete')
                    @csrf
                    <table class="table table-bordered text-center table-striped">
                        <thead>
                        <tr>
                            <th>ردیف</th>
                            <th>نام و نام خانوادگی</th>
                            <th>شماره همراه</th>
                            <th>حذف</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($sub_sellers as $key=>$user)

                            <tr>
                                <td>
                                    {{ $sub_sellers->firstItem()+$key }}
                                </td>
                                <td>
                                    <a href="">
                                        {{  $user->first_name.' '.$user->last_name }}
                                    </a>
                                </td>
                                <td>{{ $user->cellphone }}</td>
                                <td class="text-center">
                                    <button title="حذف" type="button" onclick="RemoveModal({{ $user->id }})"
                                            class="btn btn-sm btn-danger mb-1"
                                            href=""><i class="fa fa-trash"></i></button>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>

            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <div class="row justify-content-center">
                    {{ $sub_sellers->render() }}
                </div>
            </div>
        </div>
    @else
        <div class="row d-sm-flex align-items-center justify-content-between mt-4 noneDisplay">
            <div class="col-12">
                <hr>
            </div>
            <div class="col-12">
                <div class="alert alert-info text-center">
                    فروشنده ای برای نمایش موجود نیست
                </div>
            </div>
        </div>
    @endif
@endsection