@props(['workFlowConditionId','workFlowConditionGroupId','workFlowCondition'])

@php

$TimeComparisonTypeDD=[''=>"--Select--",'1'=>"Current Column And Current Time",'2'=>"Created Time And Current
Time",'3'=>"Audit Time And Current Time"];
$TimeOperatorDD=['1'=>"Equal To",'2'=>"Less than",'3'=>"Less than or equal to",'4'=>"Greater than",'5'=>"Greater than or
equal to"];




$TimeComparisonType=$workFlowCondition->TimeComparisonType;
$TimeOperator=$workFlowCondition->TimeOperator;
$Days=$workFlowCondition->Days;
$Hours=$workFlowCondition->Hours;
$Minutes=$workFlowCondition->Minutes;

@endphp

<!-- <div class="col-md-12" style="display: flex;justify-content: space-between;"> -->
<div class="form-group row">

    <div class="col-md-2">
        <strong class="text-primary">Time Comp B/W</strong>
        <select class="form-control customDropdown" name="TimeComparisonType"
            id="TimeComparisonType{{$workFlowConditionId}}">
            @foreach($TimeComparisonTypeDD as $key=>$value)
            @php
            $selected="";
            if($TimeComparisonType==$key)$selected="selected";
            @endphp
            <option value="{{$key}}" {{$selected}}>{{$value}}</option>
            @endforeach
        </select>
    </div>

    <!----------------------
				examples
				-------------------
				1.where difference between tat and Current DateTime > 10 minutes
				2.where difference between cretaedDateTime and Current DateTime > 10 minutes 
				3.where difference between AuditDateTime and Current DateTime > 10 minutes 
				-------------------------------------->

    <div class="col-md-2">
        <strong class="text-primary">Time Operator</strong>
        <select class="form-control customDropdown" name="TimeOperator" id="TimeOperator{{$workFlowConditionId}}">
            @foreach($TimeOperatorDD as $key=>$value)
            @php
            $selected="";
            if($TimeOperator==$key)$selected="selected";
            @endphp
            <option value="{{$key}}" {{$selected}}>{{$value}}</option>
            @endforeach
        </select>
    </div>




    <div class="col-md-2">
        <strong class="text-primary">Days</strong>
        <select class="form-control customDropdown" name="Days" id="Days{{$workFlowConditionId}}">
            @for($i=0;$i<=60;$i++) @php $selected="" ; if($Days==$i)$selected="selected" ; @endphp <option
                value="{{$i}}" {{$selected}}>{{$i}} Days
                </option>
                @endfor
        </select>
    </div>

    <div class="col-md-2">
        <strong class="text-primary">Hours</strong>
        <select class="form-control customDropdown" name="Hours" id="Hours{{$workFlowConditionId}}">
            @for($i=0;$i<=23;$i++)   @php $selected="" ; if($Hours==$i)$selected="selected" ; @endphp <option value="{{$i}}" {{$selected}}>{{$i}} Hours</option>
                @endfor
        </select>
    </div>

    <div class="col-md-2">
        <strong class="text-primary">Minutes</strong>
        <select class="form-control customDropdown" name="Minutes" id="Minutes{{$workFlowConditionId}}">
            @for($i=0;$i<=59;$i++)  @php $selected="" ; if($Minutes==$i)$selected="selected" ; @endphp  <option value="{{$i}}" {{$selected}}>{{$i}} Minutes</option>
                @endfor
        </select>
    </div>


    <div class="col-md-2">

        <!-- <div name="saveexit{{$workFlowConditionId}}" id="saveexit{{$workFlowConditionId}}" style="margin-top: 20px"> -->
        <div id="saveexit{{$workFlowConditionId}}">

            <div class="form-check form-check-primary form-check-inline">
                <input class="form-check-input" type="checkbox" id="Minutes{{$workFlowConditionId}}"
                    name="WorkingHours{{$workFlowConditionId}}" value="1">
                <label class="form-check-label" for="form-check-default-checked">
                    Working Hours
                </label>
            </div>

            <button class="btn btn-outline-success btn-icon mb-2 me-4 btn-rounded"
                onclick="SaveCondition('{{$workFlowConditionId}}', '{{$workFlowConditionGroupId}}')" type="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                    class="feather feather-check">
                    <polyline points="20 6 9 17 4 12"></polyline>
                </svg>
            </button>



            <button class="btn btn-outline-danger btn-icon mb-2 me-4 btn-rounded"
                onclick="DeleteCondition('{{$workFlowConditionId}}')" type="button">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                    class="feather feather-x">
                    <line x1="18" y1="6" x2="6" y2="18"></line>
                    <line x1="6" y1="6" x2="18" y2="18"></line>
                </svg>
            </button>
        </div>
    </div>



</div>