@extends('admin.layouts.master')

@section('title', 'Agent Evaluation')

@section('content')
  <div class="container">
    <div class="text-center my-3">
      <h4>Agent Evaluation</h4>
    </div>
    <div>
      <form action="{{ route('admin.internal.store') }}" method="POST" enctype="multipart/form-data" class="py-4">
        @csrf
        <input type="hidden" name="agent_id" value="{{ $agent_id }}">
        <div class="d-flex">
          <div class="col-6 pl-0">
            <div class="form-group">
              <label>Agent System</label>
              <select class="form-control" name="agent_system">
                <option value="">Choose Answer</option>
                @for ($x = 5; $x < 105; $x += 5)
                  <option value="{{ $x.'%' }}" @if(old('agent_system') == $x.'%' || $internalData->agent_system == $x.'%') selected @endif>{{ $x.'%' }}</option>
                @endfor
              </select>
            </div>
            <div class="form-group">
              <label>Desk Fees Value (EGP)</label>
              <input type="number" name="desk_fees" class="form-control" value="{{ $internalData->desk_fees??old('desk_fees') }}">
            </div>
            <div class="form-group">
              <label>Agent Audience</label>
              <select name="audience" class="form-control">
                <option value="">Choose Answer</option>
                <option value="Regular" @if($internalData->audience == 'Regular' || old('audience') == 'Regular') selected @endif>Regular</option>
                <option value="Not Regular" @if($internalData->audience == 'Not Regular' || old('audience') == 'Not Regular') selected @endif>Not Regular</option>
                <option value="Needs To Be Alerted" @if($internalData->audience == 'Needs To Be Alerted' || old('audience') == 'Needs To Be Alerted') selected @endif>Needs To Be Alerted</option>
                <option value="Needs To Be Warned" @if($internalData->audience == 'Needs To Be Warned' || old('audience') == 'Needs To Be Warned') selected @endif>Needs To Be Warned</option>
              </select>
            </div>
            <div class="form-group">
              <label>Agent Appearance</label>
              <select name="appearance" class="form-control">
                <option value="">Choose Answer</option>
                <option value="Perfect" @if($internalData->appearance == 'Perfect' || old('appearance') == 'Perfect') selected @endif>Perfect</option>
                <option value="Good" @if($internalData->appearance == 'Good' || old('appearance') == 'Good') selected @endif>Good</option>
                <option value="Bad" @if($internalData->appearance == 'Bad' || old('appearance') == 'Bad') selected @endif>Bad</option>
              </select>
            </div>
            <div class="form-group">
              <label>Agent Morals</label>
              <select name="morals" class="form-control">
                <option value="">Choose Answer</option>
                <option value="Good" @if($internalData->morals == 'Good' || old('morals') == 'Good') selected @endif>Good</option>
                <option value="Bad" @if($internalData->morals == 'Bad' || old('morals') == 'Bad') selected @endif>Bad</option>
                <option value="Needs To Be Alerted" @if($internalData->morals == 'Needs To Be Alerted' || old('morals') == 'Needs To Be Alerted') selected @endif>Needs To Be Alerted</option>
              </select>
            </div>
          </div>
          @php
            $warnings = explode(',',$internalData->warnings);
            $support_types = explode(',',$internalData->support_types);
            $support_values = explode(',',$internalData->support_values);
            $warnings = explode(',',$internalData->warnings);
            $warning_dates = explode(',',$internalData->warning_dates);
            $warning_actions = explode(',',$internalData->warning_actions);
            $warning_notes = explode(',',$internalData->warning_notes);
          @endphp
          <div class="col-6 pr-0">
            <div class="form-group">
              <label>Agent Supported With</label>
              <div class="border border-secondary rounded px-3">
                <div class="d-flex justify-content-between my-2">
                  <div>
                    <input name="support_types[]" class="ch" type="checkbox" id="fes" value="Facebook,Emails and SMS" @if(in_array('Facebook,Emails and SMS',$support_types)) checked @endif>
                    <label for="fes">Facebook,Emails and SMS</label>
                  </div>
                  <input name="support_values[]" type="text" placeholder="Facebook,Emails and SMS" value="@if(isset($support_values[0])) {{$support_values[0]}} @endif">
                </div>
                <div class="d-flex justify-content-between my-2">
                  <div>
                    <input name="support_types[]" class="ch" type="checkbox" id="Propertyfinder" value="Propertyfinder" @if(in_array('Propertyfinder',$support_types)) checked @endif>
                    <label for="Propertyfinder">Propertyfinder</label>
                  </div>
                  <input name="support_values[]" type="text" placeholder="Propertyfinder" value="@if(isset($support_values[1])) {{ $support_values[1] }} @endif">
                </div>
                <div class="d-flex justify-content-between my-2">
                  <div>
                    <input name="support_types[]" class="ch" type="checkbox" id="OLX" value="OLX" @if(in_array('OLX',$support_types)) checked @endif>
                    <label for="OLX">OLX</label>
                  </div>
                  <input name="support_values[]" type="text" placeholder="OLX" value="@if(isset($support_values[2])) {{ $support_values[2] }} @endif">
                </div>
                <div class="d-flex justify-content-between my-2">
                  <div>
                    <input name="support_types[]" class="ch" type="checkbox" id="Aqarmap" value="Aqar Map" @if(in_array('Aqar Map',$support_types)) checked @endif>
                    <label for="Aqarmap">Aqar Map</label>
                  </div>
                  <input name="support_values[]" type="text" placeholder="Aqar Map" value="@if(isset($support_values[3])) {{ $support_values[3] }} @endif">
                </div>
                <div class="d-flex justify-content-between my-2">
                  <div>
                    <input name="support_types[]" class="ch" type="checkbox" id="Nileestate" value="Nileestate" @if(in_array('Nileestate',$support_types)) checked @endif>
                    <label for="Nileestate">Nileestate</label>
                  </div>
                  <input name="support_values[]" type="text" placeholder="Nileestate" value="@if(isset($support_values[4])) {{ $support_values[4] }} @endif">
                </div>
                <div class="d-flex justify-content-between my-2">
                  <div>
                    <input name="support_types[]" class="ch" type="checkbox" id="FreeDeskFees" value="Free Desk Fees" @if(in_array('Free Desk Fees',$support_types)) checked @endif>
                    <label for="FreeDeskFees">Free Desk Fees</label>
                  </div>
                  <input name="support_values[]" type="text" placeholder="Free Desk Fees" value="@if(isset($support_values[5])) {{ $support_values[5] }} @endif">
                </div>
                <div class="d-flex justify-content-between my-2">
                  <div>
                    <input name="support_types[]" class="ch" type="checkbox" id="fr" value="Free Referal" @if(in_array('Free Referal',$support_types)) checked @endif>
                    <label for="fr">Free Referal</label>
                  </div>
                  <input name="support_values[]" type="text" placeholder="Free Referal" value="@if(isset($support_values[6])) {{ $support_values[6] }} @endif">
                </div>
                <div class="d-flex justify-content-between my-2">
                  <div>
                    <input name="support_types[]" class="ch" type="checkbox" id="fc" value="Free Courses" @if(in_array('Free Courses',$support_types)) checked @endif>
                    <label for="fc">Free Courses</label>
                  </div>
                  <input name="support_values[]" type="text" placeholder="Free Courses" value="@if(isset($support_values[7])) {{ $support_values[7] }} @endif">
                </div>
                <div class="d-flex justify-content-between my-2">
                  <div>
                    <input name="support_types[]" class="ch" type="checkbox" id="frma" value="Free Remax Masr Account" @if(in_array('Free Remax Masr Account',$support_types)) checked @endif>
                    <label for="frma">Free Remax Masr Account</label>
                  </div>
                  <input name="support_values[]" type="text" placeholder="Free Remax Masr Account" value="@if(isset($support_values[8])) {{ $support_values[8] }} @endif">
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label>Agent Obligation Rate</label>
          <select name="opligation_rate" class="form-control">
            <option value="">Choose Answer</option>
            <option value="Good" @if($internalData->opligation_rate == 'Good' || old('opligation_rate') == 'Good') selected @endif>Good</option>
            <option value="Bad" @if($internalData->opligation_rate == 'Bad' || old('opligation_rate') == 'Bad') selected @endif>Bad</option>
          </select>
        </div>
        <div id="warningSection" class="form-group">
          <h5>Warnings</h5>
          @foreach ($warnings as $key=>$w)
            <div id="warning">
              <label>Warning Title</label>
              <input type="text" name="warnings[]" value="{{ $warnings[$key]??old('warnings[$key]') }}">
              <label>Warning Date</label>
              <input type="date" name="warning_dates[]" value="{{ date('Y-m-d',strtotime($warning_dates[$key]))??old('warning_dates[$key]',date('Y-m-d')) }}">
              <label>Action Taken</label>
              <input type="text" name="warning_actions[]" value="{{ $warning_actions[$key]??old('warning_actions[$key]') }}">
              <label>Note</label>
              <input type="text" name="warning_notes[]" value="{{ $warning_notes[$key]??old('warning_notes[$key]') }}">
            </div>
          @endforeach
        </div>
        <div class="text-right my-4">
          <a id="warnClick" href=""><i class="fa fa-plus"></i> Add Another Warning</a>
        </div>
        <div class="px-3">
          <button class="col-4 col-lg-1 btn btn-primary" id="realSave" type="submit">Save</button>
        </div>
      </form>
      {{-- <div class="px-3">
        <a class="col-4 col-lg-1 btn btn-primary text-white" id="Save">Save</a>
      </div> --}}
    </div>
  </div>
@endsection
@section('js')
  <script>
    $( "#warnClick" ).click(function(e) {
      e.preventDefault();
      $("#warningSection").append($("#warning").clone());
    });
    // $('#Save').on('click',function(e){
    //   e.preventDefault();
    //   var arr = $(".ch").map(function(){
    //     return $(this);
    //   }).get();
    //   arr.forEach(el => {
    //     if(!el.val()){
    //       el.val('off');
    //       el.prop('checked',true);
    //     }
    //   });
    //   $('#realSave').click();
    // })
  </script>
@endsection