@extends('fo.tpl.layout')

@section('content')
	

		<div class="modal fade" id="myIncidentstask" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
			<div class="modal-dialog modal-lg">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
						<h1 class="modal-title">link to task</h1>
					</div>
					<div class="modal-body">
					
											<div class="col-md-6 mar-btm">
                                                <label for="ctask-name">Task Name</label>
                                                <input id="ctask_name" name="ctask_name" type="text" class="form-control" placeholder="Task name" required>
                                            </div>
					<form class="form-horizontal" id="form-create-tasks" action="{{ route('createtasks') }}" method="post">
                                    {{ csrf_field() }}
									<div class="panel-body">
                                        <div class="row">
											<div class="col-md-6 mar-btm">
                                                <label for="ctask-name">Task Name</label>
                                                <input id="ctask_name" name="ctask_name" type="text" class="form-control" placeholder="Task name" required>
                                            </div>
											@if($role_level)
												@if($role_level != 1)
												<div class="col-md-6 mar-btm">
													<label for="ctask-parent">Task Parent</label>
													<select class="form-control" id="ctask_parent" name="ctask_parent" required>
															<option value='0' selected>Select task parent</option>
															@foreach($tasks as $task_parent)
															<option value="{{ $task_parent->id }}">{{ $task_parent->task_name }}</option>
															@endforeach
													</select>
												</div>
												@endif
											@endif
                                        </div>
										<div class="row">
										
                                            <div class="col-md-4 mar-btm">
                                                <label for="cassigner">Assigner</label>
                                                <select class="form-control" id="cassigner" name="cassigner" required>
                                                        <option value=''>Select assigner task</option>
														<option value='0'>None</option>
														@foreach($users as $user)
														<option value="{{ $user->id }}">{{$user->firstname.' '.$user->lastname }}</option>
														@endforeach
                                                </select>
											</div>
											
											<div class="col-md-4 mar-btm">
                                                <label for="cpriority">Priority</label>
                                                <select class="form-control" id="cpriority" name="cpriority" required>
                                                        <option value='' selected>Select priority</option>
														@foreach($priorities as $priority)
														<option value="{{ $priority->id }}">{{ $priority->priority_name }}</option>
														@endforeach
                                                </select>
											</div>
											
											<div class="col-md-4 mar-btm">
                                                <label for="cdeadline">Deadline</label>
												<input type="date" id="cdeadline" name="cdeadline" class="form-control" placeholder="Deadline" required>
											</div>
											
                                         <!--<div class="col-md-4 mar-btm" id="demo-dp-component">
                                                <label for="cdeadline">Deadline</label>
												<div class="input-group date">
													<input type="text" id="cdeadline" name="cdeadline" class="form-control" placeholder="Deadline" required>
													<span class="input-group-addon"><i class="fa fa-calendar fa-lg"></i></span>
												</div>
											</div> -->
                                        </div>
                                        <label for="ctask-description">Task Description</label>
                                        <textarea name="ctask_description" id="ctask_description" placeholder="Task Description" rows="10" class="form-control"></textarea>
										<label for="ctask-comment">Task Comment</label>
                                        <textarea name="ctask_comment" id="ctask_comment" placeholder="Task Comment" rows="10" class="form-control"></textarea>
									</div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                        <button type="submit" class="btn btn-primary" id="btn_create">Create task</button>
                                    </div>
                            </form>
					</div>
				</div>
			</div>
		</div>


        <div class="modal fade" id="updated" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel2" aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

                        <h1 class="modal-title">Update incident</h1>
                    </div>
                    <div class="modal-body">

                        <form class="form-horizontal" id="form-update-incidents" action="{{ route('updateincident') }}" method="post">
                            {{ csrf_field() }}
                            <div class="panel-body">
                                <div class="row">
                                    <div class="col-md-6 mar-btm">
                                        <label for="uincident_name">Incident Name</label>
                                        <input id="uincident_name" name="uincident_name" type="text" class="form-control" placeholder="Incident name" >
                                    </div>


                                    <div class="col-md-6 mar-btm">
                                        <label for="uincident_owner">Incident owner</label>
                                        <select readonly="readonly" class="form-control" id="uincident_owner" name="uincident_owner" >

                                        </select>
                                    </div>
                                    <div class="col-md-6 mar-btm">
                                        <label for="uassigner">Assign to</label>
                                        <select readonly="readonly" class="form-control" id="uassigner" name="uassigner" >

                                        </select>
                                    </div>

                                    <div class="col-md-6 mar-btm">
                                        <label for="udeadline">Deadline</label>
                                        <input id="udeadline" name="udeadline" type="date" class="form-control" placeholder="Deadline" required>
                                    </div>

                                    <input type="hidden" name="uincident_id" id="uincident_id" >

                                </div>
                                <div class="row">

                                            <div class="col-md-6 mar-btm">
                                                <label for="uincident_parent">Incident Parent</label>
                                                <select class="form-control" id="uincident_parent" name="uincident_parent" >
                                                        <option value='0'>None</option>
                                                </select>
                                            </div>

                                    <div class="col-md-6 mar-btm">
                                        <label for="uid_impact">Incident impact</label>
                                        <select class="form-control" id="uid_impact" name="uid_impact" >

                                        </select>
                                    </div>

                                    <div class="col-md-4 mar-btm">
                                        <label for="ustate">State</label>
                                        <select  id="ustate" name="ustate"   class="form-control" placeholder="State" required>
                                        </select>
                                    </div>

                                    <div class="col-md-4 mar-btm">
                                        <label for="upriority">Priority</label>
                                        <select id="upriority" name="upriority"   class="form-control" placeholder="Priority" required>
                                        </select>
                                    </div>

                                </div>
                                <label for="udescription">Incident Description</label>
                                <textarea name="udescription" id="udescription" placeholder="Incident Description" rows="10" class="form-control"></textarea>

                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-primary" id="btn_update">Update incidents</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

		<div class="modal fade" id="detail" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
			<div class="modal-dialog modal-lg">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

						<h1 class="modal-title">Details incident</h1>
					</div>
					<div class="modal-body">

						<form class="form-horizontal" id="form-details-incident"  method="post">
							{{ csrf_field() }}
							<div class="panel-body">
								<div class="row">
									<div class="col-md-6 mar-btm">
										<label for="dincident-name">Incident Name</label>
										<input id="dincident_id" name="dincident_id" type="hidden" class="form-control" >
										<input id="dincident_name" readonly="readonly" name="dincident_name" type="text" class="form-control" placeholder="Incidentn name" >
									</div>


									<div class="col-md-6 mar-btm">
										<label for="dincident_owner">Incident owner</label>
										<select readonly="readonly" class="form-control" id="dincident_owner" name="dincident_owner" >
											<option value='1' selected>{{Auth::user()->firstname.' '.Auth::user()->lastname}}</option>
										</select>
									</div>
								</div>
								<div class="row">
									<div class="col-md-6 mar-btm">
										<label for="ddeadline">Deadline</label>
										<input readonly="readonly" id="ddeadline" name="ddeadline" type="text" class="form-control" placeholder="Deadline" required>
									</div>


									<div class="col-md-6 mar-btm">
										<label for="dincident_parent">Incident Parent</label>
										<input readonly="readonly" id="dincident_parent" name="dincident_parent" type="text" class="form-control" placeholder="Incidentn name" >
									</div>

								</div>
								<div class="row">
									<div class="col-md-4 mar-btm">
										<label for="dimpact_name">Incident Impact</label>
										<input id="dimpact_name"readonly="readonly"  name="dimpact_name" type="text"  class="form-control" placeholder="Incidentn name" >
									</div>

									<div class="col-md-4 mar-btm">
										<label for="state">State</label>
										<input readonly="readonly" id="dstate" name="dstate"  type="text" class="form-control" placeholder="State" required>
									</div>
									<div class="col-md-4 mar-btm">
										<label for="dpriority_name">Priority</label>
										<input readonly="readonly" id="dpriority_name" name="dpriority_name"  type="text" class="form-control" placeholder="Priority" required>
									</div>
								</div>

							</div>
							<label for="ddescription">Incident Description</label>
							<textarea readonly="readonly" name="ddescription" id="ddescription" placeholder="Incident Description" rows="10" class="form-control"></textarea>


					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					</div>
					</form>
				</div>
			</div>
		</div>
	</div>


@stop

@section('addlibjs')
	<!--Demo script [ DEMONSTRATION ]-->
	<script src="{{ asset('assets/js/demo/form-layout.js') }}"></script>
	<!--DataTables [ OPTIONAL ]-->
	<!--Bootstrap Table [ OPTIONAL ]-->
	<link href="{{ asset('assets/plugins/datatables/media/css/dataTables.bootstrap.css') }}" rel="stylesheet">
	<link href="{{ asset('assets/plugins/datatables/extensions/Responsive/css/dataTables.responsive.css') }}" rel="stylesheet">
	<script src="{{ asset('assets/plugins/datatables/media/js/jquery.dataTables.js') }}"></script>
	<script src="{{ asset('assets/plugins/datatables/media/js/dataTables.bootstrap.js') }}"></script>
	<script src="{{ asset('assets/plugins/datatables/extensions/Responsive/js/dataTables.responsive.min.js') }}"></script>
	<!--Bootstrap Datepicker [ OPTIONAL ]-->
	<link href="{{ asset('assets/plugins/bootstrap-datepicker/bootstrap-datepicker.css') }}" rel="stylesheet">
	<script src="{{ asset('assets/plugins/bootstrap-datepicker/bootstrap-datepicker.js') }}"></script>
	<!--DataTables Sample [ SAMPLE ]-->
	<script src="{{ asset('assets/js/demo/tables-datatables.js') }}"></script>
	<script src="{{ asset('assets/plugins/pace/pace.min.css') }}"></script>
	<script src="{{ asset('plugins/pace/pace.min.js' )}}"></script>
	<script src="{{ asset('plugins/modal/modal.css' )}}"></script>
	<script src="{{ asset('plugins/modal/modal.js' )}}"></script>
	<!--Demo script [ DEMONSTRATION ]-->

	<!--Actions extended tasks -->
	<script src="{{ asset('js/fo/incident/myincident/create_myincident.js') }}"></script>
	<script src="{{ asset('js/fo/incident/myincident/delete-incident.js') }}"></script>

	<script src="{{ asset('js/fo/incident/myincident/update-incident.js') }}"></script>
	<script src="{{ asset('js/fo/incident/myincident/upget-incident.js') }}"></script>
	<script src="{{ asset('js/fo/incident/myincident/detail-incident.js') }}"></script>




@stop