@extends('layouts.app')

@section('title', 'Task Detail')

@section('content')

    <div class="row">
          
        <div class="col-md-5">
            <!-- <h3 class="modal-title">Back</h3> -->
        </div>
        
    </div>

<div class="row">

<div class="col-lg-12">
  <div class="panel">
      <div class="basic-in-midpart">
        
        <div class="panel-body" style="min-height: 730px;">
          <div class="row">
          
          <div class="col-sm-11">
              <div class="b-form">
                
                <div class="form-group">
                  <div class="row" >
                      <label class="control-label col-md-4" style="font-size: 20px;">Task Detail</label>                     
                  </div>
                </div>              
              </div>
          </div>

          <div class="col-md-1 page-action text-right">
            <a href="" class="btn btn-primary btn-sm"> <span class=" glyphicon glyphicon-edit"></span> Edit</a>
        </div> 

          <div class="col-sm-12">
                <div class="bg-gray row">
                  <div class="panel-body" style="">
                  <div class="col-sm-8 col-sm-offset-2">
                        
                         <div class="form-group">
                            <div class="row" >
                                <label class="control-label col-md-12" style="font-size: 22px;"><strong>{{ucfirst($task->name)}} </strong></label>                     
                            </div>
                          </div> 

                        <div class="form-group">
                        <div class="row">
                            <label class="control-label col-md-12"><span>Description</span></label>
                            <div class="col-md-12">
                             <label class="control-label col-md-12">{{ucfirst($task->description)}}</label>
                          </div>
                        </div>
                      </div>

                      <div class="form-group">
                        <div class="row">
                            <label class="control-label col-md-4"><span>Project</span></label>
                            <div class="col-md-6">
                             <label class="control-label col-md-12"><span>{{ucfirst($task->projectName)}}</span></label>
                          </div>
                        </div>
                      </div>

                      <div class="form-group">
                        <div class="row">
                            <label class="control-label col-md-4"><span>Priority </span></label>
                            <div class="col-md-6">
                            <label class="control-label col-md-12">
                              <span class="label label-danger">High</span>
                            </label>
                          </div>
                        </div>
                      </div>

                      <div class="form-group">
                        <div class="row">
                            <label class="control-label col-md-4"><span>Due Date</span></label>
                            <div class="col-md-6">
                             <label class="control-label col-md-12"><span> {{date('d, M Y',strtotime($task->due_date))}} </span></label>
                          </div>
                        </div>
                      </div>

                   
                    </div>
                  </div>             
              </div>
          </div>  

          <!-- account detail -->

         <!--  <div class="col-sm-12">
                <div class=" row">
                  <div class="panel-body" style="min-height: 400px;">
                  <div class="col-sm-8 col-sm-offset-2">
                 
                      <div class="form-group">
                        <div class="row">
                            <label class="control-label col-md-12"><strong>Assigned Info</strong>
                          </label>
                        </div>
                      </div>

                      <div class="form-group">
                        <div class="row">
                            <label class="control-label col-md-12"> <a data-replace-stack="true" href="/2573162/people/16781469"><img alt="User" class="avatar" src="https://techsaga.live/images/ts-avtar-40.png" title="User" width="49" height="49"></a> <span style="padding-left: 10px">Mithilesh Sah</span> <span style="color:#333; font-size: 14px;">Created this Task.</span> <span style="padding-left: 5px; font-size: 14px;">30, july 2019</span></label>
                            
                        </div>
                      </div>
                      <div class="form-group">
                        <div class="row">
                            <label class="control-label col-md-8"><span style="padding-left: 65px">Mithilesh Sah</span> <span style="color:#333; font-size: 14px;">Assigned to you.</span> <span style="padding-left: 5px; font-size: 14px;">30, july 2019</span></label>
                           
                        </div>
                      </div>
                      
                     
                    </div>
                  </div>             
              </div>
          </div>  --> 
<!-- Skills -->
<style type="text/css">.bg-light-yellow{background: #f0edac}</style>

          <!--  -->
          </div>
        </div>
      </div>
    </div>   
</div>
      
</div>

@endsection