@extends('layouts.app')

@section('content')

<div class="row">
    <div class="col-lg-12 col-sm-12 col-md-12">
        <h2 style="text-align: center;">Update Task</h2>
    </div>
</div>
<hr>
<div class="row">
    <div class="col-lg-12 col-sm-12 col-md-12">
        <div class="form-row ">
            <div class="form-group col-md-4 col-lg-4 col-sm-4">
                <label>Work Date</label>
                @php
                $today = date('Y-m-d');
                @endphp
                <input type='date' id="work_day" name="work_day"  value={{$today}} class="form-control">
                {{-- <input type="date" id="work_day" name="work_day" value={{\Carbon\Carbon::today()}} class="form-control"> --}}
            </div>
            <div class="form-group col-md-4 col-lg-4 col-sm-4">
                <label>Start Time</label>
                <input type="datetime" id="start_time" name="start_time"
                    value={{\Carbon\Carbon::createFromTime(8,00)->format('H:i')}} class="form-control" step="900">
            </div>
            <div class="form-group col-md-4 col-lg-4 col-sm-4">
                <label>End Time</label>
                <input type="datetime" id="end_time" name="end_time"
                    value={{\Carbon\Carbon::createFromTime(16,00)->format('H:i')}} class="form-control" step="900">
            </div>
        </div>
    </div>
</div>
<div class="row">
<div class="col-lg-12 col-sm-12 col-md-12">
    <div class="text-monospace">
        <p>Capable Engineers:</p>
    </div>
    <div class="ui-widget ui-helper-clearfix col-12 p-2 " style="background-color: #dee2e6; ">

        <ul id="gallery" class="gallery ui-helper-reset ui-helper-clearfix ">
            @if (count($users)>0)
            @foreach($users as $user)
            <li class="ui-widget-content ui-corner-tr">
                <h5 class="" user_id={{$user->id}}>{{$user->name}}</h5>
                <h6>{{$user->car? "Have Car":"No Car"}}</h6>
                <a href='link/to/trash/script/when/we/have/js/off' title='Assing Engineer'
                    class='ui-icon ui-icon-person'>Assing Engineer</a>
            </li>
            @endforeach
            @else
            <li class="ui-widget-content ui-corner-tr" style="min-width: 100%;">
                <h5>Something went wrong! please contact administrator</h5>
            </li>
            @endif


        </ul>
    </div>
    <div id="trash" class="ui-widget-content ui-state-default col-12 mt-1 " style="box-shadow: 0px 0px 5px black;">
        <h6 class="ui-widget-header">Assign Engineers</h6>
    </div>

    <div style="display: block;" class="mt-2">
        <button id="reassign_engineers_btn" instask_id={{$instask->id}} class="btn btn-primary">Submit</button>
    </div>
</div>

</div>
<hr>
<div class="row" id="timelinesContainer">

    <div class="col-lg-12 col-sm-12 col-md-12" style="text-align: center;">
        <p style="font-size: 22px;" class="text-primary">Schedule</p>
    </div>

    <div class="col-lg-12 col-sm-12 col-md-12" id="timeline">
    </div>


</div>

@endsection