@extends('layouts.app')

@section('content')
<div class="content-section">
    <div class="content-block">
      <div class="additionPage">
        <h1 class="">Заявка на добавление компании в рейтинг</h1>

            <form id="add-company" name="add-company" action="" class="additionPage__form">

                <div class="additionPage__item  form-group field field-string">
                  <label class="control-label" for="request_title">Название компании </label>
                  <input class="form-control" type="text" name="name" value="" required>
                  {{--
                    <span class="required">*</span>
                    <input class="form-control" type="text" name="name_short" value="">
                    Полное и сокращенное
                    --}}
                </div>

                <div class="additionPage__item additionPage__item--double form-group field field-string">
                  <label class="control-label" for="">Дата создания</label>
                  <input class="form-control" type="date" name="reg_date" value="" required>
                </div>

                <div class="additionPage__item form-group field field-string">
                  <label class="control-label" for="">Логотип</label>
                  <div class="fileBlock">
      							<input id="vacancy-file" type="file" name="img">
                    <label for="vacancy-file" class="fileBlock__loaded form-control"></label>
      							<label for="vacancy-file" class="btn btn-yellow">Обзор</label>
      						</div>
                </div>

                {{--
                <div class="additionPage__item form-group field field-string">
                <label class="control-label" for="">Юридический адрес компании</label>
                <input class="form-control" type="text" name="address" value="">
                </div>
                --}}

                <div class="additionPage__item form-group field field-string">
                <label class="control-label" for="">Адрес компании</label>
                <input class="form-control" type="text" name="line" value="" required>
                </div>

                <div class="additionPage__item additionPage__item--double form-group field field-string">
                <label class="control-label" for="">Контактный телефон</label>
                <input class="form-control" type="text" name="phone" value="" required>
                </div>

                <div class="additionPage__item additionPage__item--double form-group field field-string">
                <label class="control-label" for="">Сайт</label>
                <input class="form-control" type="text" name="site" value="">
                </div>

                {{--
                <div class="additionPage__item additionPage__item--double form-group field field-string">
                <label class="control-label" for="">Количество сотрудников</label>
                <input class="form-control" type="number" name="workers_count" value="" required>
                </div>

                <div class="additionPage__item additionPage__item--double form-group field field-string">
                <label class="control-label" for="">Общее количество рассмотренных дел</label>
                <input class="form-control" type="number" name="jobs_count" value="" required>
                </div>

                <div class="additionPage__item additionPage__item--double form-group field field-string">
                <label class="control-label" for="">Количество дел в работе на данный момент</label>
                <input class="form-control" type="number" name="in_work" value="" required>
                </div>

                <div class="additionPage__item additionPage__item--double form-group field field-string">
                <label class="control-label" for="">Количество дел, по которым произведено списание долгов</label>
                <input class="form-control" type="number" name="debt_relief_count" value="" required>
                </div>

                <div class="additionPage__item additionPage__item--double form-group field field-string">
                <label class="control-label" for="">Количество дел, по которым не проведено списание по различным причинам (отказ в списании)</label>
                <input class="form-control" type="number" name="write_off_denial" value="" required>
                </div>
                --}}

                <div class="additionPage__item additionPage__item--double form-group field field-string">
                <label class="control-label" for="">Краткое описание компании (300-400 знаков)</label>
                <textarea name="desc"  class="form-control" rows="4" cols="80"></textarea>
                </div>

                <div class="additionPage__item additionPage__item--double additionPage__item--checkbox form-group field field-string">
                  <label class="control-label" for="">Регионы, в которых работает компания</label>
                  <input id="allregions-check" type="checkbox" name="allregions-check" />
                  <label for="allregions-check">Все регионы</label>

                  <div class="js-select2-parent">
                    <select style="width: 100%" class="js-select2 nostyler" name="regions-select[]" multiple="multiple" data-placeholder="Регионы">
                      <option></option>
                      @foreach ($regions as $region)
                        <option value="{{$region->id}}">{{$region->region_name}}</option>
                      @endforeach
                    </select>
                  </div>
                </div>

                <div class="form__item form__item--agree">
                    <input type="checkbox" name="apply" id="add-company-form_apply" required="" />
                    <label for="add-company-form_apply">
                        Я принимаю условия <a href="/polzovatelskoe-soglashenie" rel="nofollow" target="_blank">Пользовательского соглашения</a> и даю свое согласие на обработку моих персональных данных в соответствии с <a href="/politika-konfidencialnosti" rel="nofollow" target="_blank">Политикой конфиденциальности</a>
                    </label>
                </div>  

                <button class="btn btn-yellow" type="submit" name="button">Добавить</button>
                <div>
                  <br>
                  <a target="_blank" href="/metodika-sostavleniya-reytinga" style="font-size: 14px;">Методика составления рейтинга</a>
                </div>
                
            </form>
            
        </div>
    </div>
    {{--
      @foreach ($comp as $company)
       @php
          if ($company->img) {
            $logo = asset("/storage/$company->img");
          } else {
            $logo = $company->logo;
          }
          $imgArr = explode('.', $logo);
          $ext = end($imgArr);
       @endphp
        <a class="explink" style="display:block;" href="{{ $company->img ? asset("/storage/$company->img") : $company->logo }}" download="{{$company->name}}.{{$ext}}">{{$company->name}}</a>
      @endforeach
    --}}
</div>



@endsection

<link href="/css/select2.min.css" rel="stylesheet" type="text/css">

@section('script')
<script src="/js/select2.min.js"></script>
    <script>
        $(function () {
          $(document).ready(function() {

            $( ".explink" ).each(function(index) {
                $(this).click();
            });

            $(".js-select2").select2({
              placeholder: "placeholder",
              allowClear: true,
              // minimumResultsForSearch: -1,
              "language": { "noResults": function(){ return "Не найдено"; } },
            });
          });

          /* Обработка файла начало */
        	$(".fileBlock input[type=file]").change(function(e){
        		handleFiles(this.files);
        	});
        	function handleFiles(files) {
        		([...files]).forEach(uploadFile);
        	}
        	function uploadFile(file) {
        		$('.fileBlock__loaded').text(file.name).addClass('active');
        	}
        	/* Обработка файла конец */

          $('body').on('submit', "[name=add-company]", function(e) {
          		e.preventDefault();
              var form = $(this).attr('id');
              var post_data = new FormData(this);
              post_data.append("_token", "{{ csrf_token() }}");
              post_data.append("zip", "");
              post_data.append("country", "");
              post_data.append("city", "");
              post_data.append("address_line_1", "");

              if ($('[name=allregions-check]').is(':checked')) {
                post_data.append("allregions", 1);
              } else {
                post_data.append("allregions", 1);
              }

              var regions = '';
              $('[name="regions-select[]"] > option:selected').each(function() {
                regions = regions + $(this).val() + ',';
              });

              post_data.append("regions", regions.slice(0, -1));

              $.ajax({
                  url: `/store/company`,
                  type: "POST",
                  cache : false,
                  processData: false,
                  contentType: false,
                  data: post_data
              }).done(function (response) {
                  console.log(response);
                  $('#addcompany-modal').modal('show');
                  post_data.append("dublicates", response.dublicates);
                  $("#" + form)[0].reset();

                  $.ajax({
                    url: '/send/email/request',
                    dataType: 'json',
                    type: 'POST',
                    contentType: false,
                    processData: false,
                    data: post_data
                  }).done(function(response) {
                      console.log(response);
                  });
              });
            });
        	});
    </script>

    <div class="modal fade" id="addcompany-modal" tabindex="-1" role="dialog" aria-labelledby="request-modalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="modal-title h4">Спасибо за заявку!</div>
                    <button type="button" class="close" data-dismiss="modal">
                        <span aria-hidden="true">×</span>
                        <span class="sr-only">Close</span>
                    </button>
                </div>
                <div class="modal-body">
                <p>Ваша заявка на добавление компании находится на модерации. Наш менеджер проверит все данные, и, если они указаны корректно, компания появится в рейтинге в течение 48 часов</p>
                    <br>
                    <div class="btn btn-yellow btn-block" data-dismiss="modal">Ок</div>
                </div>
            </div>
        </div>
    </div>
@endsection