@extends('template')
@section('main')
<main id="site-content" role="main" ng-controller="cancel_reservation">
  @include('common.subheader') 
  <div class="container my-4 my-md-5">
     <div class="row">
        <div class="col-12 col-md-3 side-nav">
          @include('common.sidenav')
        </div>
        <div class="col-12 col-md-9 mt-3 mt-md-0">
        @if(!$results->isEmpty())
        {!! Form::open(['action' => 'RecurringTaskController@updateRecurringTasks', 'id' => 'displayTaskForm', 'accept-charset' => 'UTF-8' , 'novalidate' => 'true']) !!}
        @foreach($results as $key=>$result)
        <div class="card mb-3">     
          <div class="card-header">
            <h1>
             <b>{{$result->task_name}}</b>
             <input type="hidden" name="task[{{$key}}][id]" value="{{$result->id}}" />
            <input type="hidden" name="task[{{$key}}][task_id]" value="{{$result->task_id}}" />
            <button type="button" class="icon minus-icon" > <i class="fa-solid fa-minus"></i> </button>
             <button type="button" class="icon plus-icon"><i class="fa-solid fa-plus"></i></button>
           </h1>
          
         </div>
       <div class="card-body">
        <div class="row">
          <label class="col-md-4">
            {{ trans('messages.rooms.recurring_task_name') }}
            <em class="text-danger">*</em>
          </label>
          <div class="col-md-8">    
             {!! Form::text('task['.$key.'][task_name]', $result->task_name, ['class' => 'form-control', 'id' => 'task_name', 'placeholder' => 'Recurring Task Name']) !!}
          </div>
        </div>
        <div class="row mt-3">
          <label class="col-md-4">
            {{ trans('messages.rooms.task_status') }}
            <em class="text-danger">*</em>
          </label>
          <div class="col-md-8">    
            <select class="form-control" name="task[{{$key}}][status]">
            <option value="" selected="selected">{{ trans('messages.lys.select') }} Status</option>
            <option value="Not scheduled" {{(isset($result->status) && $result->status == 'Not Scheduled')?'selected':''}}> Not scheduled </option>
            <option value="Past Due" {{(isset($result->status) && $result->status == 'Past Due')?'selected':''}}> Past Due </option>
            <option value="On Schedule" {{(isset($result->status) && $result->status == 'On Schedule')?'selected':''}}> On Schedule </option>
            <option value="Completed" {{(isset($result->status) && $result->status == 'Completed')?'selected':''}}> Completed </option>                
          </select>
          </div>
        </div>

         <div class="row mt-3">
          <label class="col-md-4">
            {{ trans('messages.rooms.task_description') }}
          </label>
          <div class="col-md-8">    
            {!! Form::textarea('task['.$key.'][description]', $result->description, ['class' => 'form-control', 'id' => 'description', 'placeholder' => 'Recurring Task Description', 'rows' => 5]) !!}
          </div>
        </div>

        <div class="row mt-3">
          <label class="col-md-4">
            {{ trans('messages.rooms.filter_type') }}
          </label>
          <div class="col-md-8">    
            {!! Form::text('task['.$key.'][filter_type]', $result->filter_type, ['class' => 'form-control', 'id' => 'filter_type', 'placeholder' => 'Filter Type']) !!}
          </div>
        </div>

         <div class="row mt-3">
          <label class="col-md-4">
            {{ trans('messages.rooms.date_of_last_service') }}
            <em class="text-danger">*</em>
          </label>
          <div class="col-md-8">    
            {!! Form::date('task['.$key.'][last_service_date]', $result->last_service_date, ['class' => 'form-control', 'id' => 'last_service_date', 'placeholder' => 'Date of Last Service']) !!}
          </div>
        </div>

        <div class="row mt-3">
          <label class="col-md-4">
            {{ trans('messages.rooms.cleaning_frequency') }}
            <em class="text-danger">*</em>
          </label>
          <div class="col-md-4">    
           <select class="form-control" id="clean_frequency" name="task[{{$key}}][frequency]">
            <option value="" selected="selected">{{ trans('messages.lys.select') }}</option>
            <option value="Every Week" {{(isset($result->cleaning_frequency) && $result->cleaning_frequency == 'Every Week')?'selected':''}}> Every Week </option>
            <option value="Every Month" {{(isset($result->cleaning_frequency) && $result->cleaning_frequency == 'Every Month')?'selected':''}}> Every Month </option> 
            <option value="Twice a Month" {{(isset($result->cleaning_frequency) && $result->cleaning_frequency == 'Twice a Month')?'selected':''}}> Twice a Month </option> 
            <option value="Every Other month" {{(isset($result->cleaning_frequency) && $result->cleaning_frequency == 'Every Other Month')?'selected':''}}> Every Other month </option><option value="Every Quarter" {{(isset($result->cleaning_frequency) && $result->cleaning_frequency == 'Every Quarter')?'selected':''}}> Every Quarter </option> 
            <option value="Once a Year" {{(isset($result->cleaning_frequency) && $result->cleaning_frequency == 'Once a Year')?'selected':''}}> Once a Year </option> 
            <option value="Twice a Year" {{(isset($result->cleaning_frequency) && $result->cleaning_frequency == 'Twice a Year')?'selected':''}}> Twice a Year </option>   
          </select>
          </div>
          @if(isset($result->frequency_day))
           <div class="col-md-4" id="daySelect">
            <select class="form-control" name="task[{{$key}}][days]">
            <option value="" selected="selected">{{ trans('messages.lys.select') }}</option>
            <option value="Sunday" {{(isset($result->frequency_day) && $result->frequency_day == 'Sunday')?'selected':''}}> Sunday </option>
            <option value="Monday" {{(isset($result->frequency_day) && $result->frequency_day == 'Monday')?'selected':''}}> Monday </option> 
            <option value="Tuesday" {{(isset($result->frequency_day) && $result->frequency_day == 'Tuesday')?'selected':''}}> Tuesday </option>  
            <option value="Wednesday" {{(isset($result->frequency_day) && $result->frequency_day == 'Wednesday')?'selected':''}}> Wednesday </option> 
            <option value="Thursday" {{(isset($result->frequency_day) && $result->frequency_day == 'Thursday')?'selected':''}}> Thursday </option> 
            <option value="Friday" {{(isset($result->frequency_day) && $result->frequency_day == 'Friday')?'selected':''}}> Friday </option>                
            <option value="Saturday" {{(isset($result->frequency_day) && $result->frequency_day == 'Saturday')?'selected':''}}> Saturday </option>   
            </select>
          </div>
          @endif

          @if(isset($result->frequency_date) || isset($result->additional_frequency_date))
            <div class="col-md-4" id="dateSelect">
            {!! Form::date('task['.$key.'][frequency_date]', $result->frequency_date, ['class' => 'form-control', 'id' => 'frequency_date', 'placeholder' => 'Select Date']) !!}

            @if(isset($result->additional_frequency_date))
             {!! Form::date('task['.$key.'][additional_frequency_date]', $result->additional_frequency_date, ['class' => 'form-control', 'id' => 'selectDate', 'placeholder' => 'Select Date']) !!}  
            @endif
            <div class="custom-tooltip ml-2">
              <i class="tooltip-frequency-date icon icon-question" id="" data-id=""></i>
              <div class="clean-tooltip-frequency-date tooltip-wrap tool-arrow-bottom" id="" role="tooltip">
                <div class="tooltip-info">
                 <span>
                   The date on which employee need to perform cleaning activity.
                 </span>
               </div>
             </div>
           </div>
          </div>
          @endif
        </div>

        <div class="row mt-3">
          <label class="col-md-4">
            {{ trans('messages.rooms.service_last_performed_date') }}
            <em class="text-danger">*</em>
          </label>
          <div class="col-md-8">    
            {!! Form::date('task['.$key.'][last_service_performed_date]', $result->service_last_performed_date, ['class' => 'form-control', 'id' => 'last_service_date', 'placeholder' => 'Date of Service Last Performed', 'readonly' => 'true']) !!}
          </div>
        </div>

        <div class="row mt-3">
          <label class="col-md-4">
            {{ trans('messages.rooms.start_time') }}
            <em class="text-danger">*</em>
          </label>
          <div class="col-md-8">    
            {!! Form::time('task['.$key.'][start_time]', $result->start_time, ['class' => 'form-control', 'id' => 'start_time', 'placeholder' => 'Task Start Time']) !!}
          </div>
        </div>

        <div class="row mt-3">
          <label class="col-md-4">
            {{ trans('messages.rooms.end_time') }}
            <em class="text-danger">*</em>
          </label>
          <div class="col-md-8">    
            {!! Form::time('task['.$key.'][end_time]', $result->end_time, ['class' => 'form-control', 'id' => 'end_time', 'placeholder' => 'Task End Time']) !!}
          </div>
        </div>

         <div class="row mt-3">
          <label class="col-md-4">
            {{ trans('messages.rooms.next_scheduled_service_date') }}
            <em class="text-danger">*</em>
          </label>
          <div class="col-md-8">    
            {!! Form::date('task['.$key.'][next_scheduled_date]', $result->next_scheduled_date, ['class' => 'form-control', 'id' => 'next_scheduled_date', 'placeholder' => 'Next Scheduled Service Date', 'readonly' => 'true']) !!}
          </div>
        </div>

        <div class="row mt-3">
          <label class="col-md-4">
            {{ trans('messages.rooms.employee_name') }}
            <em class="text-danger">*</em>
          </label>
          <div class="col-md-8">    
            <select class="form-control" name="task[{{$key}}][employee_id]">
            <option value="" selected="selected">{{ trans('messages.lys.select') }}</option>
            @foreach($employees as $emp)
             <option value="{{$emp->id}}" {{(isset($result->emp_id) && $result->emp_id == $emp->id)?'selected':''}}> {{ $emp->employee_firstname }} </option>
            @endforeach
          </select>
          </div>
        </div>

         <div class="row mt-3">
          <label class="col-md-4">
            {{ trans('messages.rooms.comment') }}
          </label>
          <div class="col-md-8">    
            {!! Form::textarea('task['.$key.'][comment]', $result->comment, ['class' => 'form-control', 'id' => 'comment', 'placeholder' => 'Comment', 'rows' => 4]) !!}
          </div>
        </div>

        <div class="row mt-3">
          <label class="col-md-4">
            {{ trans('messages.rooms.display_task') }}
            <em class="text-danger">*</em>
          </label>
          <div class="col-md-7">    
            <select class="form-control" name="task[{{$key}}][display_task]">
            <option value="" selected="selected">{{ trans('messages.lys.select') }}</option>
             <option value="1" {{(isset($result->is_active) && $result->is_active == '1')?'selected':''}}> Yes </option>
             <option value="0" {{(isset($result->is_active) && $result->is_active == '0')?'selected':''}}> No </option>              
          </select>
          </div>
            <div class="col-md-1 custom-tooltip mt-2">
              <i class="tooltip-display-task icon icon-question" id="" data-id=""></i>
              <div class="clean-tooltip-display-task tooltip-wrap tool-arrow-bottom" id="" role="tooltip">
                <div class="tooltip-info">
                 <span>
                   Display the task to employees. If want to stop recurring it select No.
                 </span>
               </div>
             </div>
           </div>
        </div>
      </div>
    </div>
    @endforeach
      <div class="row mt-4">
        <label class="col-md-3"></label>
        <div class="col-md-9 text-right">
          <input type="hidden" name="property_id" value="{{ $property }}" />
          {!! Form::submit( trans('messages.account.update') , ['class' => 'contact_submit btn btn-primary w-auto'])  !!}
          {!! Form::close() !!}
          @else
          <div class="card mb-5">     
            <div class="card-header">
              <h1>
               <b> No Recurring Tasks </b>
             </h1>
            
           </div>
        </div>
          @endif
        </div>
      </div>
  </div>
</div>
</div>
</div>
</div>
</main>
@stop

@push('scripts')
<link rel="stylesheet" href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css' />
<style>
.icon{
    float: right;
    padding: 2px 10px;
}
</style>

<script type="text/javascript">
$(document).ready(function() {
  $('.minus-icon').css('display', 'none');
  $('.card-body').css('display', 'none');

  $('.plus-icon').click(function(){
    $(this).parent().find('.minus-icon').css('display', 'block');
    $(this).css('display', 'none');
    
    $(this).parent().parent().parent().find('.card-body').css('display', 'block');

  });
  $('.minus-icon').click(function(){
    $(this).css('display', 'none');
    $(this).parent().find('.plus-icon').css('display', 'block');
    $(this).parent().parent().parent().find('.card-body').css('display', 'none');
  });



  // $("#clean_frequency").change(function(){
  //   if($(this).val() == 'Every Week'){
  //     $('#daySelect').show();
  //     $('#dateSelect').hide();
  //   }else if($(this).val() == ''){
  //       $('#daySelect').hide();
  //       $('#dateSelect').hide();
  //   }else{
  //     $('#daySelect').hide();
  //     $('#dateSelect').show();
  //   }   
  // });
})
</script>
@endpush