@extends('lay.dnekcab.retsam')

@section('title')
  {{ $page_title }}
@endsection

@section('page-content')

    <div class="page-content">
        <div class="container-fluid">

            <!-- start page title -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body list-heading">
                            <!-- card-header -->
                            <!--cenario 1: only header, 2:header and add button, 3:header and print, other:header , add button and prin. type:both[pdf,excel], type:[pdf], type:[excel] -->
                            <x-card-header 
                                :scenario="'1'"
                                :pageTitle="$page_title"
                            />

                            <div class="mt-3">
                                {{-- Search --}}
                                <x-search-filter 
                                    :rows="2" 
                                    :inputs-per-row="3" 
                                    :col-md-classes="[ 
                                        ['col-md-6','col-md-3','col-md-3'],
                                        ['col-md-5','col-md-5','col-md-2']
                                    ]" 
                                    :input-config="[
                                        [
                                            ['type' => 'text'], 
                                            ['type' => 'select', 'options' => [
                                                'pending' => __('ticket.status.pending'),
                                                'inprogress' => __('ticket.status.inprogress'), 
                                                'complete' => __('ticket.status.complete'),
                                                'archive' => __('ticket.status.archive')
                                            ]],
                                            ['type' => 'select', 'options' => [
                                                'internet' => __('ticket.type.internet'), 
                                                'monitor' => __('ticket.type.monitor'), 
                                                'windows' => __('ticket.type.windows'),
                                                'other' => __('ticket.type.other')
                                            ]]
                                        ],
                                        [
                                            ['type' => 'text', 'customClass' => 'datepickers'],
                                            ['type' => 'time'],
                                            ['type' => 'select', 'options' => $paginationArray]
                                        ]
                                    ]"
                                    :names="[
                                        [
                                            'term_searh_name',
                                            'status_searh_name',
                                            'type_searh_name',
                                        ],
                                        [
                                            'date_search_name',
                                            'time_search_name',
                                            'pagination_searh_name',
                                        ]
                                    ]"
                                    :ids="[
                                        [
                                            'status_searh_id',
                                            'type_searh_id',
                                            'user_searh_id',
                                        ],
                                        [
                                            'date_search_id',
                                            'time_search_id',
                                            'pagination_searh_id',
                                        ]
                                    ]"
                                    :placeholders="[
                                        [
                                            __('global.search'),
                                            __('ticket.status.header'),
                                            __('ticket.type.header'),
                                        ],
                                        [
                                            __('ticket.date'),
                                            __('ticket.time'),
                                            key($paginationArray) ? key($paginationArray) : __('global.pagination')
                                        ]
                                    ]"
                                    form-action="{{ route('viewYourTickets') }}"
                                    report-type="both" 
                                    :lang="$lang"
                                />        
                                <!-- end Search -->
                            </div>

                            <div class="card">
                                <div class="card-body pe-0 ps-0" id="data_content">
                                    @include('dnekcab.nimda.ticket.assignedTicketList')
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!-- end page title -->

        </div> <!-- container-fluid -->
    </div>

@endsection

@section('js')
    <!-- jquery step -->
    <script src="{{asset('assets/libs/jquery-steps/build/jquery.steps.min.js')}}"></script>

    <!-- form wizard init -->
    <script src="{{asset('assets/dnekcab/js/pages/form-wizard.init.js')}}"></script>
    <script type="text/javascript">
    
        $(document).ready(function(){

            $('[data-toggle="tooltip"]').tooltip();

        });
      
    </script>
@endsection