@extends('layouts.app')

@section('title')
    Title: {{ $ticket->title }}
    @if( $ticket->severity == 'critical')
        <div class="label label-danger">
    @elseif( $ticket->severity == 'urgent')
        <div class="label label-warning">
    @elseif( $ticket->severity == 'important')
        <div class="label label-primary">
    @elseif( $ticket->severity == 'monitor')
        <div class="label label-success">
    @else
        <div class="label label-default">
    @endif   
            <b>{{ strtoupper($ticket->severity) }}</b>
        </div>
    &nbsp;
    @if( $ticket->status == 'open')
        <div class="label label-danger">
    @elseif( $ticket->status == 'progress')
        <div class="label label-warning">
    @elseif( $ticket->status == 'resolved')
        <div class="label label-success">
    @elseif( $ticket->status == 'closed')
        <div class="label label-default">
    @else
        <div class="label label-danger">
    @endif   
            <b>{{ strtoupper($ticket->status) }}</b>
        </div>
@endsection

@section('description')
@endsection

@section('breadcrumb')
    <li><a href="/tickets">All Tickets</a></li>
    <li class="active">{{ $ticket->ticket_id }}</a></li>
@endsection

@section('content')
<!-- Small boxes (Stat box) -->
<div class="row">

    <div class="col-lg-8 col-xs-12">
        @include('tickets.attributes')
        @include('contacts.attributes', ['contact' => $ticket->node->contact])
        @include('tickets.comments')
    </div>

    <div class="col-lg-4 col-xs-12">
        <div class="box box-danger">
            <div class="box-header">
                <h3 class="box-title">Action</h3>
            </div>
            <!-- <div class="modal fade" id="modal-severity" tabindex="-1" role="dialog">
                <div class="modal-dialog">
                    <div class="modal-content"> -->
                        <table class="table table-condensed" style="margin-left: 5px">
                            <tr>
                                <td><div class="label label-danger">Critical</div></td>
                                <td>Perangkat tidak berfungsi dan data tidak terkirim</td>
                            </tr>
                            <tr>
                            <td><div class="label label-warning">Urgent</div></td>
                                <td>Perangkat berfungsi tapi data tidak terkirim</td>
                            </tr>
                            <tr>
                            <td><div class="label label-primary">Important</div></td>
                                <td>Perangkat berfungsi dan data terkirim tapi terkadang ada permasalahan dalam penggunaan</td>
                            </tr>
                            <tr>
                            <td><div class="label label-success">Monitor</div></td>
                                <td>Tidak ada follow-up yang harus dilakukan kecuali hanya dimonitor saja</td>
                            </tr>
                            <tr>
                            <td><div class="label label-default">Informational</div></td>
                                <td>Hanya perlu follow up informasi</td>
                            </tr>
                        </table>
                    <!-- </div>
                </div>
            </div> -->
            <div class="box-body padding">
                <form class="form" action="/tickets/status" method="POST">
                {{ csrf_field() }}                    
                    <input hidden value="{{ auth()->user()->id }}" name="user_id"></textarea>
                    <input hidden value="{{ $ticket->id }}" name="ticket_id"></textarea>
                    <div class="form-group row">
                        <label for="status" class="col-sm-2 col-form-label">
                            Severity[<a data-toggle="modal" data-target="#modal-severity">?</a>]
                        </label>
                        <div class="col-sm-10">
                            <div class="form-group">
                                <select class="form-control" id="sel1" name="severity">
                                    <option {{ ($ticket->severity == 'critical') ? 'selected' : '' }} value="critical">Critical</option>
                                    <option {{ ($ticket->severity == 'urgent') ? 'selected' : '' }} value="urgent">Urgent</option>
                                    <option {{ ($ticket->severity == 'important') ? 'selected' : '' }} value="important">Important</option>
                                    <option {{ ($ticket->severity == 'monitor') ? 'selected' : '' }} value="monitor">Monitor</option>
                                    <option {{ ($ticket->severity == 'informational') ? 'selected' : '' }} value="informational">Informational</option>
                                </select>                    
                            </div>
                        </div>
                        <label for="status" class="col-sm-2 col-form-label">Status[<a href="#">?</a>]</label>
                        <div class="col-sm-10">
                            <div class="form-group">
                                <select class="form-control" id="sel1" name="status">
                                    <option {{ ($ticket->status == 'progress') ? 'selected' : '' }} value="progress">Progress</option>
                                    <option {{ ($ticket->status == 'resolved') ? 'selected' : '' }} value="resolved">Resolved</option>
                                    <option {{ ($ticket->status == 'closed') ? 'selected' : '' }} value="closed">Closed</option>
                                    <option {{ ($ticket->status == 'reopen') ? 'selected' : '' }} value="reopen">Reopen</option>
                                </select>                    
                            </div>
                        </div>
                        <label for="status" class="col-sm-2 col-form-label">Assignee</label>
                        <div class="col-sm-10">
                            <div class="form-group">
                                <select class="form-control" id="assignee_id" name="assignee_id">
                                @foreach($users as $user)
                                    <option {{ ($ticket->assignee_id == $user->id) ? 'selected' : '' }} value="{{ $user->id }}">{{ $user->name }}</option>
                                @endforeach
                                </select>
                            </div>
                        </div>
                        <label for="status" class="col-sm-2 col-form-label">Tags</label>
                        <div class="col-sm-10">
                            <div class="form-group">
                                <input id="tags" name="tags" type="text" value="{{ $tags }}" data-role="tagsinput" />
                            </div>
                        </div>
                        <div for="status" class="col-sm-4 col-form-label">
                            <button type="submit" class="btn btn-primary mb-4">Submit</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        @include('contacts.maps-individual')
        @include('tickets.image')
        @include('tickets.logs')
    </div>

</div>
<!-- /.row -->
@endsection

@section('scripts')
    <script>
        $("#tags").tagsinput();
    </script>
    
    @include('contacts.scripts.maps-individual', ['contact' => $ticket->node->contact])
@endsection