@extends('layouts.authenticated')

@section('additionalstylesheets')
    <link href="{{ asset('/css/jquery-ui.min.css') }}" rel="stylesheet">
    <link href="{{ asset('/css/bootstrap-select.min.css') }}" rel="stylesheet">
@endsection

@section('content')
    <form method="POST" class="form-inline well" action="{{ url('ticket/update') }}">
        @csrf
        <input type="hidden" name="ticketId" value="{{ $tickets->id }}">
        <div class="container-fluid">
            <div class="row">
                <div class="form-group col-sm-3">
                    <label for="ticketName">Ticket Name:</label>
                    <input type="text" name="ticketName" id="ticketName" class="form-control" placeholder="Ticket Name" value="{{ $tickets->description}}"  readonly="">
                </div>
                <div class="form-group col-sm-3">
                    <label for="ticketRef">Ticket Ref #:</label>
                    <input type="text" name="ticketRef" id="ticketRef" class="form-control" value="{{ $tickets->project_ref }}" readonly="">
                </div>
                <div class="form-group col-sm-3">
                    <label for="ticketMngr">Ticket Manager:</label>
                    <select name="ticketMngr" id="ticketMngr" class="form-control" readonly="">
                        @foreach($resources as $ticketMngr)
                            @if($tickets->project_manager_id == $ticketMngr->id)
                                <option value="{{ $ticketMngr->id }}"  selected="selected">
                                    {{ $ticketMngr->firstname }} {{ $ticketMngr->lastname }}
                                </option>
                            @endif
                        @endforeach
                    </select>
                </div>
                <div class="form-group col-sm-3">
                    <label for="status">Status:</label>
                    <select name="status" id="status" class="form-control" readonly="">
                        @foreach($statuses as $status)
                            @if($tickets->status_id == $status->id)
                                <option value="{{ $status->id }}"  selected="selected">
                                    {{ $status->description }}
                                </option>
                            @endif
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="row">
                <div class="form-group col-sm-3">
                    <label for="startDate">Start:</label>
                    <input type="startDate" name="startDate" id="startDate" class="form-control" value="{{ $tickets->start_date }}" readonly="">
                </div>
                <div class="form-group col-sm-3">
                    <label for="endDate">End:</label>
                    <input type="endDate" name="endDate" id="endDate" class="form-control" value="{{ $tickets->end_date }}" readonly="">
                </div>
                <div class="form-group col-sm-3">
                    <label for="closedDate">Date Closed:</label>
                    <input type="closedDate" name="closedDate" id="closedDate" class="form-control" value="{{ $tickets->closed_date }}" readonly="">
                </div>
                <div class="form-group col-sm-3">
                    <label for="hours">Total Hours:</label>
                    <input type="text" name="hours" id="hours" class="form-control" value="{{ $tickets->total_hours }}" readonly="">
                </div>

            </div>
            <div class="row">
                @foreach($ticketTypes as $ticket)
                    @if($ticket->id == 1)
                        <div class="form-group col-sm-3">
                            <label for="estimate">Estimate:</label>
                            <input type="text" name="estimate" id="estimate" class="form-control" value="{{ $tickets->estimate_hours }}" readonly="">
                        </div>
                    @endif
                @endforeach
            </div>
            <div class="row">
                <div class="form-group col-sm-12">
                    <label for="description">Description:</label>
                    <textarea class="form-control" name="description" id="description" rows="2" disabled>{{ $tickets->proj_description }}</textarea>
                </div>
            </div>
        </div>
    </form>
    <div id="activityModal" class="modal fade" role="dialog">
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Confirmation</h4>
                </div>
                <div class="modal-body">
                    <p>Are you sure you want to delete the selected activity?</p>
                </div>
                <div class="modal-footer">
                    <a href="" type="button" class="btn btn-danger" data-dismiss="modal" id="delete">Delete</a>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                </div>
            </div>

        </div>
    </div>
    <div class="panel panel-info">
        <div class="panel-heading">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-3" style="margin-left: -10px"><h5><strong>Activities</strong></h5></div>
                    <div class="col-sm-3 col-sm-offset-6 right-align">
                        <a href="{{ url('activity/add') }}/{{ $tickets->id }}" class="btn btn-primary">
                            <i class="fa fa-list-alt"></i> Add Activity
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel-body">
            <div class="employerecords dataTable_wrapper table-responsive" id="tablelist">
                <div class="container-fluid">
                    <form method="POST" class="form-inline">
                        @csrf
                        <div class="row">
                            <div class="col-sm-3 ">
                                <label for="resource">Filter Resource:</label>
                                <select name="resource" id="resource" class="form-control">
                                    <option value="">Select Resource</option>
                                    @foreach($resources as $resource)
                                        <option value="{{ $resource->id }}" @if($resource->id == $defaultResource) selected="selected" @endif>
                                            {{$resource->firstname}} {{$resource->lastname}}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-sm-3 ">
                                <label for="business_unit">Business Unit:</label>
                                <select name="business_unit" id="business_unit" class="form-control">
                                    <option value="">All</option>
                                    @foreach($businessUnits as $unit)
                                        <option value="{{ $unit->id }}" @if($unit->id == $selectedUnit) selected="selected" @endif>
                                            {{$unit->description}}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-sm-1 buttons">
                                <label>&nbsp;</label>
                                <button type="submit" name="search" class="btn btn-primary">
                                    <i class="fa fa-search-plus"></i> Filter
                                </button>
                            </div>
                            <div align="right">
                                {{ $activities->links('pagination::bootstrap-4') }}
                            </div>
                        </div>
                    </form>
                </div>
                <table class="table table-striped table-bordered table-hover" id="dataTable">
                    <tr>
                        <th>#</th>
                        <th>Date Log</th>
                        <th>Activity</th>
                        <th>Brand</th>
                        <th>Type</th>
                        <th>Resource</th>
                        <th>Hours</th>
                        <th>Action</th>
                    </tr>