@extends('layouts.tickets')
@section('title', 'Tickets')
@section('content')

    <div class="page-content">
        <section id="category-one">

            <div class="category-one">
                <div class="container">
                    <div class="row">
                        <div class="col-md-9 col-sm-12">
                            <div class="table-section">
                                <h3 class="title clearfix">Tickets <span>List ({{count($tickets)}})</span>
                                </h3>
                                <div class="table-responsive">
                                    <table class="table table-lead ticket-table">
                                        <thead>
                                        <tr>
                                            <th class="heading">Token #</th>
                                            <th class="heading">Title</th>
                                            <th class="heading">Department</th>
                                            <th class="heading">Submitted By</th>
                                            <th class="heading">Status</th>
                                            <th class="heading">Date</th>
                                            <th class="heading">action</th>
                                        </tr>
                                        </thead>
                                        <tbody>

                                        @foreach($tickets as $ticket)
                                            <tr id="{{$ticket->id}}">
                                                <td>{{$ticket->token_no}}</td>
                                                <td>
                                                    <a href="{{url('ticket')}}/{{$ticket->id}}/{{str_replace(' ', '-',   strtolower($ticket->subject) )}}">{{$ticket->subject}}</a></td>
                                                <td>{{$ticket->departments->name}}</td>
                                                @if($ticket->user_id == Auth::id())
                                                    <td>me</td>
                                                @else
                                                    <td>{{$ticket->submittedBy->name}}</td>
                                                @endif

                                                <td>
                                                    <span class="ticket-status {{$ticket->status}}">
                                                        {{$ticket->status}}
                                                    </span>
                                                </td>

                                                <td>{{$ticket->created_at->format('d-m-Y')}}</td>
                                                <td>
                                                    <a href="{{url('edit/tickets')}}/{{$ticket->id}}" class="eye" data-id="{{$ticket->id}}">
                                                        <i class="fa fa-pencil"></i>
                                                    </a>

                                                    <a href="javascript:;" class="eye delete-btn" data-id="{{$ticket->id}}">
                                                        <i class="fa fa-trash"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach

                                        </tbody>
                                    </table>
                                </div>
                                {{ $tickets->links() }}
                            </div>

                            <div class="pagination_links clearfix">
                                {{ $tickets->links() }}
                            </div>

                        </div>
                        <div class="col-md-3 ">
                            <div class="search_box clearfix">
                                <form action="{{url('search/ticket')}}" method="get">
                                    @if(!empty($search_term))
                                        <input type="text" name="q" class="form-control" placeholder="Search Ticket" required value="{{$search_term}}">
                                    @else
                                        <input type="text" name="q" class="form-control" placeholder="Search Ticket" required>
                                    @endif

                                    <button type="submit" class="basic-button">Submit</button>
                                </form>
                            </div>

                            <div class="ticket-info">
                                <div class="title-sidebar">
                                    <h1>Search By Status</h1>
                                </div>
                                <div class="catege-one">
                                    <ul>
                                        <li>
                                            <a href="{{url('search/status/open')}}" class="open">
                                                Open Tickets
                                                <span class="number-box">{{$open}}</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="{{url('search/status/closed')}}" class="closed">
                                                Closed Tickets
                                                <span class="number-box"> {{$closed}}</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="{{url('search/status/pending')}}" class="pending">
                                                Pending Tickets
                                                <span class="number-box">{{$pending}}</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="{{url('search/status/replied')}}" class="replied">
                                                Replied Tickets
                                                <span class="number-box">{{$replied}}</span>
                                            </a>
                                        </li>

                                        <li>
                                            <a href="{{url('tickets')}}">
                                                View All
                                                <span class="number-box">{{count($tickets_depart)}}</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="ticket-info">
                                <div class="title-sidebar">
                                    <h1>Departments</h1>
                                    <div class="catege-one">
                                        <ul>

                                            @foreach($departments as $department)
                                                                                                @foreach($tickets_depart as $item)
                                                    @if($item->department_id == $department->id)
                                                                                                            @endif
                                                @endforeach
                                                <li>
                                                    <a href="{{url('search/department')}}/{{$department->id}}">
                                                        {{$department->name}}
                                                        <span class="number-box">{{$count}}</span>
                                                    </a>
                                                </li>
                                            @endforeach
                                        </ul>
                                    </div>
                                </div>
                            </div>

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


@stop
@section('script')
    <script>
        $(document).ready(function () {
            $('.navbar-default .navbar-nav li').removeClass('active');
            $('.navbar-default .navbar-nav li.ticket').addClass('active');

            $(".delete-btn").on('click', function () {
                var id = $(this).attr('data-id');
                swal({
                            title: "Are you sure?",
                            type: "warning",
                            showCancelButton: true,
                            confirmButtonColor: "#DD6B55",
                            confirmButtonText: "Yes, delete it!",
                            cancelButtonText: "No, cancel!",
                            closeOnConfirm: false,
                            closeOnCancel: true
                        },
                        function(isConfirm){
                            if (isConfirm) {
                                $.ajax({
                                    type: 'POST',
                                    url: '{{url('/delete/tickets')}}'+"/"+id,
                                    data:{
                                        id:id,
                                        '_token': '{{csrf_token()}}'
                                    },
                                    success: function (data) {
                                        $('.ticket-table tr#'+id+'').hide();
                                        swal("Deleted!", "Record has been deleted.", "success");

                                    }
                                })
                            } else {
                                swal("Cancelled", "Record is safe :)", "error");
                            }
                        });
            });
        });
    </script>

@stop