@extends ('../welcome')
@section ('content')

@if($ticket->status != 'closed')
<form action="{{ route('closeTicket', $ticket->id) }}" method="POST">

    @csrf
    @method('PUT')
    <button type="submit" class="btn btn-danger">Close Ticket</button>
</form>
@endif
<div class="card-body">
    <div class=" row">
        <label class="col-sm-2 col-form-label">ID :</label>
        <label class="col-sm-4 col-form-label">{{$ticket->id}}</label>
    </div>
    <div class=" row">
        <label class="col-sm-2 col-form-label">Client ID :</label>
        <a href="{{route('clients.show',$ticket->client_id)}}">
            <label class="col-sm-4 col-form-label">{{$ticket->client_id}}</label>
        </a>
    </div>
    <div class=" row">
        <label class="col-sm-2 col-form-label">User ID:</label>
        <a href="{{route('users.show',$ticket->user_id)}}">
            <label class="col-sm-4 col-form-label">{{$ticket->user_id}} </label>
        </a>
    </div>
    <div class=" row">
        <label class="col-sm-2 col-form-label">Title :</label>
        <label class="col-sm-4 col-form-label">{{$ticket->title}} </label>
    </div>
    <div class=" row">
        <label class="col-sm-2 col-form-label">Description :</label>
        <label class="col-sm-4 col-form-label">{{$ticket->description}} </label>
    </div>
    <div class=" row">
        <label class="col-sm-2 col-form-label">Status :</label>
        <label class="col-sm-4 col-form-label">{{$ticket->status}} </label>
    </div>
    <div class=" row">
        <label class="col-sm-2 col-form-label">Created at :</label>
        <label class="col-sm-4 col-form-label">{{$ticket->created_at}} </label>
    </div>
    <div class=" row">
        <label class="col-sm-2 col-form-label">Last update:</label>
        <label class="col-sm-4 col-form-label">{{$ticket->updated_at}} </label>
    </div>

    <div class=" row">
        <label class="col-sm-2 col-form-label">Total Impression :</label>
        <label class="col-sm-4 col-form-label"> </label>
    </div>
</div>
<br>

@if($ticket->status != 'closed')
<div class="card card-info">
    <div class="card-header">
        <h3 class="card-title">Add Comment</h3>
    </div>
    <!-- /.card-header -->
    <div class="card-body">
        <form action="{{ route('comments.store') }}" method="post">
            @csrf

            <div class="row">
                <div class="col-sm-6">
                    <!-- text input -->
                    <input type="hidden" name="ticket_id" value="{{$ticket->id}}">
                    <div class="form-group">
                        <label>Comment</label>
                        <textarea type="text" name="description" class="form-control"></textarea>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <!-- text input -->
                    <div class="form-group">
                        <label>Reaction</label>
                        <select class="form-control" name="client_reaction">
                            <option value='1'>Angry</option>
                            <option value='2'>Rude</option>
                            <option value='3'>Like</option>
                            <option value='4'>Friendly</option>
                            <option value='5'>Satisfied</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <button type="submit" class="btn btn-primary">Submit</button>
            </div>
        </form>
    </div>
    <!-- /.card-body -->
</div>
@endif

@forelse ($comments as $comment)
<div class="card-body">

    <div class=" row">
        <label class="col-sm-3 col-form-label">Comment Description :</label>
        <label class="col-sm-4 col-form-label">{{$comment->description}}</label>
    </div>
    <div class=" row">
        <label class="col-sm-3 col-form-label">Client Reaction :</label>
        @switch($comment->client_reaction)
        @case(1)
        <label class="col-sm-4 col-form-label">Angry</label>
        @break

        @case(2)
        <label class="col-sm-4 col-form-label">Rude</label>
        @break

        @case(3)
        <label class="col-sm-4 col-form-label">Like</label>
        @break

        @case(4)
        <label class="col-sm-4 col-form-label">Friendly</label>
        @break

        @case(5)
        <label class="col-sm-4 col-form-label">Satisfied</label>
        @break
        @default
        <span></span>
        @endswitch

    </div>
    <div class=" row">
        <label class="col-sm-3 col-form-label">Date :</label>
        <label class="col-sm-4 col-form-label">{{$comment->created_at}}</label>
    </div>
</div>
<hr>
@empty

@endforelse

@endsection