@extends('painel-admin.menu')
@section('title', 'Cliente DLL')
@section('php')
@stop
@section('content')
  @if(Session::has('success'))
    @php
      $data = Session::get('success');
    @endphp

    @if (is_array($data))
      @foreach ($data as $msg)
        <div class="alert alert-success" role="alert">
          <i class="fa fa-check"></i>
          {{ $msg }}
        </div>
      @endforeach
    @else
      <div class="alert alert-success" role="alert">
        <i class="fa fa-check"></i>
        {{ $data }}
      </div>
    @endif
  @endif

  @if(Session::has('error'))
    @php
      $data = Session::get('error');
    @endphp

    @if (is_array($data))
      @foreach ($data as $msg)
        <div class="alert alert-danger" role="alert">
          <i class="fa fa-times"></i>
          {{ $msg }}
        </div>
      @endforeach
    @else
      <div class="alert alert-danger" role="alert">
        <i class="fa fa-times"></i>
        {{ $data }}
      </div>
    @endif
  @endif
  <form method="POST" id="formEnvioDados" action="{{route('clientedll.store')}}" >
  @csrf
  <div class="row">
    <div class="col-md-10 col-12">
      <h1>Cadastro do Cliente DLL</h1>
    </div>
    <div class="col-md-2 col-12 text-right">
      <button type="button" class="btn btn-primary" id="btnSalvar">Cadastrar</button>
    </div>
  </div>
  <br>
  <div class="row">
    <div class="col-md-12">
      <label>Selecione o Cliente<span title="Campo Obrigatório" style="color:red">*</span></label>
      <select id="cnpjCliente" class="custom-select @error('cnpjCliente') is-invalid @enderror select2" name="cnpjCliente" autocomplete="cnpjCliente" autofocus>
      </select>
      @if ($errors->has('cnpjCliente'))
        <p class="text-danger">{{ $errors->first('cnpjCliente') }}</p>
      @endif
    </div>
</div>
  <div class="row mb-2">
    <div class="col-md-6">
      <label>Código Usuario ADM</label>
      <input type="number" class="form-control" value="{{ old('codUser') }}" name="codUser">
      @if ($errors->has('codUser'))
        <p class="text-danger">{{ $errors->first('codUser') }}</p>
      @endif
    </div>
    <div class="col-md-6">
      <label>Código Vendedor ADM</label>
      <input type="number"  class="form-control" name="codVendedor" value="{{ old('codVendedor') }}" required="required">
      @if ($errors->has('codVendedor'))
        <p class="text-danger">{{ $errors->first('codVendedor') }}</p>
      @endif
    </div>
  </div>
  <div class="row mb-2">
    <div class="col-md-6">
      <label>Nome do Usuário</label>
      <input type="text" class="form-control" value="{{ old('nameUser') }}" name="nameUser">
      @if ($errors->has('nameUser'))
        <p class="text-danger">{{ $errors->first('nameUser') }}</p>
      @endif
    </div>
    <div class="col-md-6">
      <label>Login de Acesso</label>
      <input type="text"  class="form-control" name="loginAccess" value="{{ old('loginAccess') }}" required="required">
      @if ($errors->has('loginAccess'))
        <p class="text-danger">{{ $errors->first('loginAccess') }}</p>
      @endif
    </div>
  </div>
  <div class="row mb-2">
    <div class="col-md-6">
      <label>Senha Para Acesso</label>
      <input type="password" class="form-control" value="{{ old('password',123456) }}" name="password">
      @if ($errors->has('password'))
        <p class="text-danger">{{ $errors->first('password') }}</p>
      @endif
    </div>
    <div class="col-md-6">
      <label>Tipo Conta</label>
      <select  class="form-control" name="typeAccount" value="{{ old('typeAccount') }}">         
        <option value="1">Administrador</option>
        <option value="0">Funcionário</option>
      </select>
    </div>
  </div>
  </form>
 
  <link href="https://cdnjs.cloudflare.com/ajax/libs/select2-bootstrap-theme/0.1.0-beta.10/select2-bootstrap.min.css" rel="stylesheet" />

  <style>

    .select2-container {
      width: 100% !important;
    }

    .select2-selection--single {
      border: 1px solid #ced4da;
      border-radius: 4px;
      padding: 10px;
      height: 40px !important;
      box-sizing: border-box; 
    }

    .select2-selection__arrow {
      height: 38px; 
    }

    .select2-selection__rendered {
      color: #495057; 
      line-height: 40px; 
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 14px;
      color: #6c757d;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .select2-container--default.select2-container--focus .select2-selection--single {
      border-color: #80bdff; 
    }

  </style>
  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/i18n/pt-BR.js"></script>
  <script>
    var currentItemId = 'clientedll-link';
  
    var $j = jQuery.noConflict();
    $j(document).ready(function() {
    
      $j('#cnpjCliente').select2({
        theme: 'default',
        language: "pt-BR",
        width: '100%',
        ajax: {
          url: '/buscar-empresa',
          dataType: 'json',
          delay: 250,
          data: function (params) {
            return {
              q: params.term
            };
          },
          processResults: function (data) {
            return {
              results: data.results
            };
          },
            cache: true
        },
        minimumInputLength: 1,
        placeholder: 'Digite a razão social ou fantasia para buscar'
      });

      $('#cnpjCliente').on('select2:select', function (e) { 
        var data = e.params.data;
        
      });       
    });

    document.getElementById('btnSalvar').addEventListener('click', function(event) {
      event.preventDefault();

      Swal.fire({
        title: 'Confirmação',
        text: 'Deseja realmente gravar o ClienteDll?',
        icon: 'question',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Confirmar',
        cancelButtonText: 'Cancelar'
      }).then((result) => {
        if (result.isConfirmed) {
          document.getElementById('formEnvioDados').submit();
        }
      });  
    });
  </script>
@endsection