@extends('layouts.app')

@section('content')
    <div class="row">
            <h2>Create New Work Order</h2>
            
    </div>

    <div class="row">
        <div class="form-row col-12">
            <div class="form-group col-md-3 col-lg-3 col-sm-3">
                <label >Equiment</label>
            {{-- <input  disabled type="text" class="form-control" value="{{$insservice->equipment->name}}" name="equipment_id"> --}}
            </div>

            <div class="form-group col-md-3 col-lg-3 col-sm-3">
                    <label >Duration (min)</label>
                    {{-- <input disabled type="text" class="form-control" value="{{$insservice->equipment->duration}}"  name="duration"> --}}
            </div>
            <div class="form-group col-md-3 col-lg-3 col-sm-3">
                    <label >Qty</label>
                    {{-- <input  disabled type="number" class="form-control" value="{{$insservice->qty}}"  name="qty"> --}}
            </div>
            <div class="form-group col-md-3 col-lg-3 col-sm-3">
                    <label >Choose Qty</label>
                    {{-- <input id="chosen_qty" type="number" class="form-control" value="{{$insservice->qty}}" name="chosen_qty"> --}}
            </div>
        </div>
        <div class="form-row col-12">
            <div class="form-group col-md-4 col-lg-4 col-sm-4">
                    <label >Work Date</label>
                    <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::now()->format('H:i s')}} 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::now()->add($insservice->equipment->duration.' minutes')->format('H:i s')}} class="form-control" step="900">
            </div>
        </div>
    </div>
    <hr>
    <div class="row">
        <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">

                @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

             </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="assign_engineers_btn" insservice_id ={{$insservice->id}} class="btn btn-primary">Save</button>
        </div>
    </div>
    <hr>
    <div class="row"  id="timelinesContainer">

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

                    {{-- <div class="col-12" id="timeline{{$user->id}}"> --}}
        <div class="col-12" id="timeline">
        </div>
                {{-- @endforeach --}}


    </div>
@endsection