@extends('layout')

@section('css')
<style>
    .scroll {
    max-height: 54vh;
    overflow-y: auto;
}
</style>
@endsection

@section('content')
@if(Globalset::gensetting('enable_initial_approver'))
@include('tasks.view.breadcrumb')
@else
@include('tasks.view.breadcrumb-noinital')
@endif
@if($details->time_start && $details->time_pause == 0)
<input type="hidden" id="start_date" value="{{$details->time_start}}">
@elseif($details->time_pause == 1 && !$details->time_start)
<input type="hidden" id="time_log" value="{{$details->time_log}}">
@elseif($details->time_pause == 1 && $details->time_start)
<input type="hidden" id="start_date" value="{{$details->time_start}}">
<input type="hidden" id="time_log" value="{{$details->time_log}}">
@endif

<div class="container-fluid">
 <div class="row">
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <p>
                    <b>Task Name </b><span class="pull-right">{{$details->task_name}}</span>
                </p>
                <p>
                    <b>Time Spend</b> 
                    <span class="pull-right">
                    <span id="hr">00</span>:<span id="min">00</span>:<span id="sec">00</span>
                    </span>
                </p>
                <p>
                    <b>Status</b>
                    <span class="pull-right">
                    <span class="badge {{config('setting.task_status_class.'.$details->status)}}">
                        {{Globalset::gensetting('enable_initial_approver') ? config('setting.task_status.'.$details->status) : config('setting.task_status2.'.$details->status) }}
                    </span>
                    </span>
                </p>
                <p>
                    <b>Project </b><span class="pull-right"><a href="{{route('projects.view',['details',$details->project->id])}}" target="_blank">{{$details->project->project_name}}</a></span>
                </p>
                <p>
                    <b>Client </b><span class="pull-right">{{$details->client->client_name}}</span>
                </p>
                <p>
                    <b>Priority Level </b><span class="pull-right">
                        <span class="badge {{config('setting.priorty_class.'.$details->priority_id)}}">
                        {{config('setting.priorties.'.$details->priority_id)}}
                        </span>
                    </span>
                </p>
                <p>
                    <b>Assign To </b><span class="pull-right">{{$details->assigned->name.' '.$details->assigned->surname}}</span>
                </p>
                <p>
                    <b>Start Date</b><span class="pull-right">{{date('F d ,Y',strtotime($details->start_date))}}</span>
                </p>
                <p>
                    <b>Due Date</b><span class="pull-right">{{date('F d ,Y',strtotime($details->deadline))}}</span>
                </p>
                <p>
                    <b>Description</b><br><span >{{$details->descriptions}}</span>
                </p>
            </div>
        </div>
    </div>
    <div class="col-md-8">
        <ul class="nav nav-tabs" id="myTab" role="tablist">
            <!-- <li class="nav-item" role="presentation">
                <button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">
                    Revision
                </button>
            </li> -->

            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="output-tab" data-bs-toggle="tab" data-bs-target="#output" type="button" role="tab" aria-controls="output" aria-selected="true">
                    Output
                </button>
            </li>

            <li class="nav-item" role="presentation">
                <button class="nav-link " id="subtasks-tab" data-bs-toggle="tab" data-bs-target="#subtasks" type="button" role="tab" aria-controls="subtasks" aria-selected="true">
                    Sub Task
                </button>
            </li>

            <li class="nav-item" role="presentation">
                <button class="nav-link " id="files-tab" data-bs-toggle="tab" data-bs-target="#files" type="button" role="tab" aria-controls="files" aria-selected="true">
                    Files
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="notes-tab" data-bs-toggle="tab" data-bs-target="#notes" type="button" role="tab" aria-controls="notes" aria-selected="false">
                    Notes
                </button>
            </li>
            
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="history-tab" data-bs-toggle="tab" data-bs-target="#history" type="button" role="tab" aria-controls="history" aria-selected="false">
                    History
                </button>
            </li>
        </ul>
        <div class="tab-content px-0" id="myTabContent">
            <div class="tab-pane fade show active  onloadpage " data-url="{{route('task.view',['outputs',$details->id])}}" id="output" role="tabpanel" aria-labelledby="output-tab">
              
            </div>

            <div class="tab-pane fade onloadpage " data-url="{{route('task.view',['subtasks',$details->id])}}" id="subtasks" role="tabpanel" aria-labelledby="subtasks-tab">
              
            </div>

            <div class="tab-pane fade  onloadpage " data-url="{{route('task.view',['files',$details->id])}}" id="files" role="tabpanel" aria-labelledby="files-tab">
              
            </div>
            <div class="tab-pane fade onloadpage " data-url="{{route('task.view',['notes',$details->id])}}" id="notes" role="tabpanel" aria-labelledby="notes-tab">
            
            </div>
            <div class="tab-pane fade onloadpage " data-url="{{route('task.view',['history',$details->id])}}" id="history" role="tabpanel" aria-labelledby="history-tab">
        
            </div>
        </div>
    </div>
 </div>
</div>

@endsection

@section ('script')
<script src="{{ url('js/tasks.js') }}"></script>
<script src="{{ url('js/timer.js') }}"></script>
@endsection