@php use App\Models\Account; @endphp
@extends('layouts.main')

@section('title', 'Rules of Engagement')

@section('breadcrumb')
  <!-- Page-Title -->
  <div class="row">
    <div class="col-sm-12">
      <div class="page-title-box">
        <h4 class="page-title">Rules of Engagement</h4>
        <ol class="breadcrumb float-right">
          <li class="breadcrumb-item"><a href="/">Home</a></li>
          <li class="breadcrumb-item active">Settings</li>
          <li class="breadcrumb-item active">Rules of Engagement</li>
        </ol>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>

@endsection

@section('content')

  @php
    $days = [
      '' => 'Select day',
      'monday'    => 'Monday',
      'tuesday'   => 'Tuesday',
      'wednesday' => 'Wednesday',
      'thursday'  => 'Thursday',
      'friday'    => 'Friday',
      'saturday'  => 'Saturday',
      'sunday'    => 'Sunday',
    ];
  @endphp

  <div class="content-body">
    <div id="setting-cards">
      <div class="clearfix"></div>

      @include('flash::message')

      <div class="clearfix"></div>

      <div class="card bg-card">
        <div class="card-header">
          <h4 class="card-title mb-3">Organizational Profiling</h4>
          <label for="state_id ">Company Logo</label>
        </div>
        <div class="card-body" style="min-height:220px;">
          <div class="card-block">
            <form class="form logo_upload_form" action="{{ url('/settings/rules-of-engagement-logo') }}"
                  method="POST">
              {{ csrf_field() }}
              <div class="form-body">
                <div class="row">
                  <div class="image_source col-3">

                    @if($account->logo)
                      <img style="max-width:100%;max-height:120px;" src="/update_files/{{$account->logo}}" alt="">
                    @else
                      <img style="max-width:100%;" src="/theme/company-logo.png" alt="">
                    @endif


                  </div>
                  <div class="col-6">
                    <div class="form-group">
                      <input class="inputfile" name="file" type="file" id="files" accept="image/jpeg, image/png"
                             required="required">
                      {!! Form::label('files', 'No file selected',['class' => 'control-label']) !!}
                      <div>
                        <span class="sm-size">JPEG or PNG formats only. The maximum file size is 4Mb</span>
                      </div>
                      <button class="btn btn-success logo_upload_btn" type="submit" name="button">Upload</button>
                    </div>
                  </div>
                </div>
              </div>
            </form>

            <form class="form " action="{{ url('/settings/rules-of-engagement') }}"
                  method="POST">
              {{ csrf_field() }}
              <div class="form-body">
                <div class="row mt-4">
                  <div class="col-md-6">
                    <div class="form-group {{ $errors->has('region_id') ? ' has-error' : '' }}">
                      <label for="region_id">Organization Regions</label>
                      <select id="region_id" name="region_ids[]" required
                              class="standards_id_input form-control" multiple>
                        @foreach ($regions as $region)
                          <option
                            value="{{ $region->id }}"
                            @if(in_array($region->id, $accountRegions ?? [])) selected @endif
                            class="state_option"
                          >
                            {{ $region->name }}
                          </option>
                        @endforeach
                      </select>
                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="form-group">
                      <label for="industry_id">Industry/Verticals:</label>
                      <select id="industry_id" name="industry_ids[]"
                              class="standards_id_input form-control" multiple>
                        @foreach ($industries as $industry)
                          <option
                            value="{{ $industry->id }}"
                            @if(in_array($industry->id, $account->industries->pluck('id')->toArray())) selected @endif
                            class="state_option"
                          >
                            {{ $industry->name }}
                          </option>
                        @endforeach
                      </select>
                    </div>
                  </div>
                </div>

                <div class="row">

                  <div class="col-12">
                    <h4 class="card-title mb-3 mt-4">CAD Information</h4>
                  </div>
                  <div class="form-group col-6">
                    <label for="vip_names">VIP Names</label>
                    <textarea name="vip_names" rows="3" id="vip_names" class="form-control"
                              placeholder="VIP Names">{{old('vip_names', $account->ruleEngagement->vip_names ?? null)}}</textarea>
                  </div>

                  <div class="form-group col-6">
                    <label for="domains">Domains</label>
                    <textarea name="domains" rows="3" id="domains" class="form-control"
                              placeholder="Domains">{{old('domains', $account->ruleEngagement->domains ?? null)}}</textarea>
                  </div>

                  <div class="form-group col-6">
                    <label for="ips">Public IP Addresses</label>
                    <textarea name="ips" rows="3" id="ips" class="form-control"
                              placeholder="Public IP Addresses">{{old('ips', $account->ruleEngagement->ips ?? null)}}</textarea>
                  </div>

                  <div class="form-group col-6">
                    <label for="urls">Web Application URLs</label>
                    <textarea name="urls" rows="3" id="urls" class="form-control"
                              placeholder="Web Application URLs">{{old('urls', $account->ruleEngagement->urls ?? null)}}</textarea>
                  </div>

                  <div class="form-group col-6">
                    <label for="time_remediation">Target time for remediation</label>
                    <input type="text" id="time_remediation" class="form-control"
                           placeholder="Target time for remediation"
                           name="time_remediation"
                           value="{{old('time_remediation', $account->ruleEngagement->time_remediation ?? null)}}">
                  </div>

                  <div class="form-group col-6">
                    <label for="time_incident_response">Target time for incident response</label>
                    <input type="text" id="time_incident_response" class="form-control"
                           placeholder="Target time for incident response"
                           name="time_incident_response"
                           value="{{old('time_incident_response', $account->ruleEngagement->time_incident_response ?? null)}}">
                  </div>

                </div>

                <div class="row">

                  <div class="col-12">
                    <h4 class="card-title mb-3 mt-4">Testing Windows</h4>
                  </div>
                </div>

                @if($account->accountServicePolicy->services ?? null)
                  <div class="row">
                    <div class="col-4 mb-2"><label>Service</label></div>
                    <div class="col-2"><label>Day of Week</label></div>
                    <div class="col-2"><label>Start</label></div>
                    <div class="col-2"><label>End</label></div>
                  </div>
                  @foreach($account->accountServicePolicy->services as $service)
                    <div class="row">
                      <div class="col-4 mb-2">
                        <input type="hidden" name="services[{{ $service->id }}][id]" value="{{ $service->id }}">
                        <input type="text" class="form-control" disabled value="{{ $service->short_name }}">
                      </div>

                      <div class="col-2">
                        <select name="services[{{ $service->id }}][day]" class="standards_id_input form-control">
                          @foreach($days as $key => $day)
                            <option value="{{ $key }}"
                                    @if($service->pivot->day === $key) selected @endif>{{ $day }}</option>
                          @endforeach
                        </select>
                      </div>

                      <div class="col-2">
                        <input type="text" class="form-control timepicker" name="services[{{ $service->id }}][start_at]"
                               value="{{$service->pivot->start_at}}">
                      </div>

                      <div class="col-2">
                        <input type="text" class="form-control timepicker" name="services[{{ $service->id }}][end_at]"
                               value="{{$service->pivot->end_at}}">
                      </div>
                    </div>
                  @endforeach
                @else
                  <div class="col-12">
                    <h4>No testing windows configured</h4>
                  </div>
                @endif

                <div class="row">

                  @if($service = Auth::user()->getAllContractedServices()->where('short_name', 'MSS-EDR')->first())
                    @php
                      $endpointProtectionResponse = $account->ruleEngagement->endpoint_protection_response ?? [];
                      $MSSEDR = $endpointProtectionResponse[$service->id] ?? [];
                    @endphp
                    <div class="col-12">
                      <h4 class="card-title mb-3 mt-4">Endpoint Protection Response</h4>
                    </div>

                    <div class="col-2">
                      <div class="custom-control custom-checkbox">
                        <input type="checkbox" name="endpoint_protection_response[{{$service->id}}][alert_only]"
                               class="custom-control-input" id="customCheck1"
                               @if(isset($MSSEDR['alert_only']) && $MSSEDR['alert_only'] === 'on') checked @endif
                        >
                        <label class="custom-control-label" for="customCheck1">Alert Only</label>
                      </div>
                    </div>

                    @if($account->id === Account::GLESEC_ACCOUNT_ID)
                      <div class="col-2">
                        <div class="custom-control custom-checkbox">
                          <input type="checkbox" name="endpoint_protection_response[{{$service->id}}][containment]"
                                 class="custom-control-input" id="customCheck2"
                                 @if(isset($MSSEDR['containment']) && $MSSEDR['containment'] === 'on') checked @endif
                          >
                          <label class="custom-control-label" for="customCheck2">Containment</label>
                        </div>
                      </div>

                      <div class="col-4">
                        <div class="custom-control custom-checkbox">
                          <input type="checkbox" name="endpoint_protection_response[{{$service->id}}][remediation]"
                                 class="custom-control-input" id="customCheck3"
                                 @if(isset($MSSEDR['remediation']) && $MSSEDR['remediation'] === 'on') checked @endif
                          >
                          <label class="custom-control-label" for="customCheck3">Automated Kill/Remediation</label>
                        </div>
                      </div>
                    @endif
                  @endif

                </div>

                <div class="row">

                  <div class="col-12">
                    <h4 class="card-title mb-3 mt-4">Business Impact Constraints</h4>
                  </div>

                  <div class="form-group col-12">
                    <div id="hoursAvoidTestingContainer">
                      @php
                        $hoursAvoidTesting = old('hours_avoid_testing', $account->ruleEngagement->hours_avoid_testing ?? []);

                        if (is_string($hoursAvoidTesting)) {
                            $hoursAvoidTesting = json_decode($hoursAvoidTesting, true);
                        }
                      @endphp

                      @if(!empty($hoursAvoidTesting))
                        @foreach($hoursAvoidTesting as $i => $entry)
                          <div class="row dynamic-row">
                            <div class="form-group col-md-4">

                              <select name="hours_avoid_testing[{{ $i }}][day]" class="standards_id_input form-control">
                                @foreach($days as $key => $day)
                                  <option value="{{ $key }}"
                                          @if(($entry['day'] ?? '') === $key) selected @endif>{{ $day }}</option>
                                @endforeach
                              </select>

                            </div>
                            <div class="form-group col-md-2">
                              <input type="text" name="hours_avoid_testing[{{ $i }}][from]"
                                     class="form-control timepicker"
                                     placeholder="From" value="{{ $entry['from'] ?? '' }}">
                            </div>
                            <div class="form-group col-md-2">
                              <input type="text" name="hours_avoid_testing[{{ $i }}][to]"
                                     class="form-control timepicker"
                                     placeholder="To" value="{{ $entry['to'] ?? '' }}">

                            </div>
                            <div class="col-md-4">
                              <div class="form-group">
                                {{--                                <button type="button" class="btn btn-success btn-add">--}}
                                {{--                                  <i class="fa fa-plus"></i>--}}
                                {{--                                </button>--}}
                                <button type="button" class="btn btn-danger btn-delete">
                                  <i class="fa fa-minus"></i>
                                </button>
                              </div>
                            </div>
                          </div>
                        @endforeach
                      @endif
                    </div>
                    <div class="row">
                      <div class="col-md-4 form-group">
                        <button type="button" class="btn btn-success btn-add">
                          <i class="fa fa-plus"></i>
                        </button>
                      </div>
                    </div>
                  </div>

                  <div class="form-group col-6">
                    <label for="system_exclude">Systems to Exclude</label>
                    <textarea name="system_exclude" rows="3" id="system_exclude" class="form-control"
                              placeholder="Systems to Exclude">{{old('system_exclude', $account->ruleEngagement->system_exclude ?? null)}}</textarea>
                  </div>

                  <div class="form-group col-6">
                    <label for="other_operational_constraints">Other Operational Constraints</label>
                    <textarea name="other_operational_constraints" rows="3" id="other_operational_constraints"
                              class="form-control"
                              placeholder="Other Operational Constraints">{{old('other_operational_constraints', $account->ruleEngagement->other_operational_constraints ?? null)}}</textarea>
                  </div>

                </div>
              </div>
              <button class="btn btn-success" type="submit" name="button">Save</button>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>

  <link href="{{ asset('plugins/bootstrap-timepicker/bootstrap-timepicker.min.css') }}" rel="stylesheet">

  <style type="text/css">

    .card-title {
      margin-bottom: 0;
      color: #686b70;
      text-transform: uppercase;
    }

    .sm-size {
      width: 100% !important;
      margin: 15px 0 !important;
    }

    button.btn {
      width: 155px;
    }

    label[for="files"]::after, label[for="files"]::before {
      top: -50px;
    }

    .sm-size {
      display: block;
      font-size: 12px;
      width: 165px;
      margin: 25px 0;
      opacity: .5;
    }
  </style>
@endsection

@section('scripts')
  <script src="{{ asset('plugins/bootstrap-timepicker/bootstrap-timepicker.min.js') }}"></script>

  <script type="text/javascript">
    $(document).on('change', 'input[name*="[end_at]"], input[name*="[to]"]', function () {
      if ($(this).val() === '0:00' || $(this).val() === '00:00') {
        $(this).val('23:59');
      }
    });


    $('.timepicker').timepicker({
      showMeridian: false,
      minuteStep: 15,
      defaultTime: false,
      showInputs: true,
      disableFocus: true,
      icons: {
        up: 'fa fa-angle-up',
        down: 'fa fa-angle-down'
      }
    });

    function getLastIndexOfDynamicRows(container) {
      let length = container.find('.row').length;

      return length > 0 ? length : 0;
    }

    $(function () {

      let days = {
        '': 'Select day',
        monday: 'Monday',
        tuesday: 'Tuesday',
        wednesday: 'Wednesday',
        thursday: 'Thursday',
        friday: 'Friday',
        saturday: 'Saturday',
        sunday: 'Sunday'
      };

      function buildSelect(index) {
        let select = $('<select>', {
          name: 'hours_avoid_testing[' + index + '][day]',
          class: 'standards_id_input form-control',
          required: true
        });

        $.each(days, function (key, val) {
          select.append($('<option>', {value: key, text: val}));
        });

        return select;
      }

      function buildTimeInput(name, index) {
        return $('<input>', {
          type: 'text',
          name: 'hours_avoid_testing[' + index + '][' + name + ']',
          class: 'form-control timepicker',
          placeholder: name === 'from' ? 'From' : 'To',
          autocomplete: 'off',
          required: true
        });
      }

      function initTimepicker() {
        $('.timepicker').timepicker({
          showMeridian: false,
          minuteStep: 15,
          defaultTime: false,
          showInputs: true,
          disableFocus: true,
          icons: {
            up: 'fa fa-angle-up',
            down: 'fa fa-angle-down'
          }
        });
      }

      $(document).on('click', '.btn-add', function () {
        let index = getLastIndexOfDynamicRows($('#hoursAvoidTestingContainer')) + 1;

        let content = $('<div>', {
          class: 'row mt-2',
          html: [
            $('<div>', {
              class: 'col-md-4 form-group',
              html: $('<div>', {
                html: [
                  buildSelect(index),
                ]
              })
            }),
            $('<div>', {
              class: 'col-md-2 form-group',
              html: $('<div>', {
                html: [
                  buildTimeInput('from', index),
                ]
              })
            }),
            $('<div>', {
              class: 'form-group col-md-2 ',
              html: buildTimeInput('to', index)
            }),
            $('<div>', {
              class: 'col-md-4 form-group',
              html: $('<div>', {
                html: [
                  $('<button>', {
                    type: 'button',
                    class: 'btn btn-danger btn-delete',
                    html: $('<i>', {class: 'fa fa-minus'})
                  })
                ]
              })
            })
          ]
        });

        $('#hoursAvoidTestingContainer').append(content);

        initTimepicker();
      });

      $(document).on('click', '.btn-delete', function () {
        if (confirm('You are sure you want to delete row?')) {
          $(this).closest('.row').remove();

          $('#hoursAvoidTestingContainer .row').each(function (i, row) {
            $(row).find('select').attr('name', 'hours_avoid_testing[' + i + '][day]');
            $(row).find('input[placeholder="From"]').attr('name', 'hours_avoid_testing[' + i + '][from]');
            $(row).find('input[placeholder="To"]').attr('name', 'hours_avoid_testing[' + i + '][to]');
          });
        }
      });
    });

    $(document).on('submit', 'form', function (e) {
      let valid = true;
      let errorMsg = "Start time must be less than End time";

      // перевірка для services[*][start_at] / services[*][end_at]
      $('input[name*="[start_at]"]').each(function () {
        let row = $(this).closest('.row');
        let start = $(this).val();
        let end = row.find('input[name*="[end_at]"]').val();

        if (start && end && toMinutes(start) > toMinutes(end)) {
          valid = false;
          row.find('.time-error').remove();
          row.append('<div class="col-md-12 text-danger time-error" style="margin-top: -5px; margin-bottom: 20px">' + errorMsg + '</div>');
        } else {
          row.find('.time-error').remove();
        }
      });

      // перевірка для hours_avoid_testing[*][from] / [to]
      $('input[name*="[from]"]').each(function () {
        let row = $(this).closest('.row');
        let start = $(this).val();
        let end = row.find('input[name*="[to]"]').val();

        if (start && end && toMinutes(start) > toMinutes(end)) {
          valid = false;
          row.find('.time-error').remove();
          row.append('<div class="col-md-12 text-danger time-error" style="margin-top: -15px; margin-bottom: 20px">' + errorMsg + '</div>');
        } else {
          row.find('.time-error').remove();
        }
      });

      if (!valid) e.preventDefault();
    });

    function toMinutes(t) {
      let [h, m] = t.split(':').map(Number);
      return h * 60 + m;
    }
  </script>

  <script type="text/javascript">
    $(document).on('submit', '.logo_upload_form', function (e) {
      e.preventDefault();
      var formData = new FormData();
      formData.append('_token', $('meta[name="csrf-token"]').attr('content'));
      formData.append('file', $('.logo_upload_form input[type=file]')[0].files[0]);

      $.ajax({
        url: '/settings/rules-of-engagement-logo',
        data: formData,
        type: "POST",
        dataType: "json",
        contentType: false,
        processData: false,
        success: function (resp) {
          if (resp.status) {
            $('.image_source').empty();
            $('.image_source').html('<div class="col-md-12 form-group"><img style="max-width:100%;max-height:120px;" src="' + resp.file + '" alt=""></div>');
          } else {
            $('.info-exc').text(resp.message);
            var modal_file = new Custombox.modal({
              content: {
                effect: 'fadein',
                target: '#file-catch'
              }
            });
            modal_file.open();
          }
        }
      });
    });

    $(document).ready(function () {
      $('#region_id').select2({
        placeholder: "Select Regions"
      });
    });
  </script>
@endsection