@extends('seller.layout.index')

{{-- ===========  meta Title  =================== --}}
@section('title')
    تسکت ها و درخواست ها
@endsection
{{-- ===========  My Css Style  =================== --}}
@section('style')
    <style>

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

@section('script')
    <script>
        function RemoveModal(id) {
            let modal = $('#remove_modal');
            modal.modal('show');
            $('#id').val(id);
        }
        function RemoveOrder() {
            let id = $('#id').val();
            $.ajax({
                url: "{{ route('admin.ticket.remove') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    id: id,
                },
                dataType: "json",
                type: 'POST',
                beforeSend: function () {

                },
                success: function (msg) {
                    if (msg) {
                        let message = msg[1];
                        if (msg[0] == 0) {
                            swal({
                                title: 'ERROR',
                                text: message,
                                icon: 'error',
                                buttons: 'ok',
                            })
                        }
                        if (msg[0] == 1) {

                            swal({
                                title: 'باتشکر',
                                text: message,
                                icon: 'success',
                                timer: 3000,
                            })
                            window.location.reload();
                        }
                    }
                },
            })
        }
    </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.ticket.create') }}" class="btn btn-primary">ایجاد تیکت</a>
    </div>
    @if(count($tickets)>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>
                            <th>مشاهده</th>
                            <th>شماره تیکت</th>
                            <th>تاریخ</th>
                            <th>حذف</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($tickets as $key=>$item)

                            <tr>
                                <td>
                                    {{ $tickets->firstItem()+$key }}
                                </td>
                                <td>


                                        @if($item->start_by_admin==1)
                                            @php
                                                $user=\App\Models\Seller::where('id',$item->receiver_id)->first();
                                            @endphp
                                        @else
                                            @php
                                                $user=\App\Models\Seller::where('id',$item->sender_id)->first();
                                            @endphp
                                        @endif


                                    <a href="">
                                        {{  $user->first_name.' '.$user->last_name }}
                                    </a>
                                </td>
                                <td>{{ $item->title }}</td>
                                <td>
                                    {{ $item->Status->title }}
                                </td>
                                <td>
                                    <a href="{{ route('home.seller.ticket.show',['ticket'=>$item->id]) }}"
                                       class="btn btn-primary">
                                        <i class="fa fa-eye"></i>
                                    </a>
                                </td>
                                <td class="text-center">{{ $item->id }}</td>
                                <td class="text-center">{{ verta($item->created_at)->format('H:i d - %B - Y') }}</td>
                                <td class="text-center">
                                    <button title="حذف" type="button" onclick="RemoveModal({{ $item->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">
                    {{ $tickets->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