@extends ('../welcome')


@section ('content')

<div class="card">


    <div class="card-header">
        @if (Auth::user()->isAbleTo('tickets-create'))
        <a href="{{route('tickets.create')}}">
            <button class="btn btn-square btn-info" type="button">Create New Ticket</button>
        </a>
        @endif
    </div>
    <!-- /.card-header -->
    <div class="card-body">
        <table id="example1" class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Title</th>
                    <th>Status</th>
                    @if(Auth()->user()->type == 'admin')
                    <th>With User</th>
                    @endif
                    <th>Created at</th>
                    <th>Last Update</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($tickets as $ticket)
                <tr>
                    <td>{{$ticket->id}}</td>
                    <td>{{$ticket->title}}</td>
                    <td>{{$ticket->status}}</td>
                    @if(Auth()->user()->type == 'admin')
                    @if ($ticket->user_id != '')
                    <td>True</td>
                    @else
                    <td>False</td>
                    @endif
                    @endif
                    <td>{{$ticket->created_at}}</td>
                    <td>{{$ticket->updated_at}}</td>

                    <td>
                        <form action="{{ route('tickets.destroy',$ticket->id) }}" method="POST">

                            @if ($ticket->user_id == '')
                            <a class="btn btn-dark" href="{{ route('tickets.edit',$ticket->id) }}">Assign user</a>
                            @endif
                            <a class="btn btn-info" href="{{ route('tickets.show',$ticket->id) }}">Show</a>


                            @csrf
                            @method('DELETE')

                            <button type="submit" class="btn btn-danger">Delete</button>
                        </form>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <!-- /.card-body -->
</div>


@endsection