@extends('layouts.app', ['activePage' => 'user-managment', 'titlePage' => __('Usuarios')])

@section('content')
<style>
  .obli::before {
    content: "* ";
    color: red;
    font-weight: bold;
  }
</style>
<!--<div class="row">
  <div class="col-12">
    <nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item" aria-current="page">Configuración</li>
    <li class="breadcrumb-item" aria-current="page"><a href="{{ url('config/users') }}">Usuarios</a></li>
        @if(isset($user))
       <li class="breadcrumb-item active" aria-current="page">{{ $user->id }}</li>
   @else
      <li class="breadcrumb-item active" aria-current="page">Nuevo Usuario</li>
   @endif
  </ol>
</nav>
  </div>
</div>-->

<div class="content">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="card mb-4">
          <div class="card-body">
            <div class="row">
              <div class="col-12">
                <h4 class="card-title">Usuarios</h4>
              </div>
            </div>
            <form enctype="multipart/form-data" id="formuploadajax" method="post">
              <input type="hidden" id="iduser" name="iduser" @if (isset($user)) value="{{ $user->id }}" @else value="" @endif>

              <div class="row">
                <div class="col-md-3">
                  <div class="input-group input-group-static mb-4">
                    <label>Nombre</label>
                    <input type="text" class="form-control" id="name" name="name" @if(isset($user)) value="{{ $user->name }}" @else value="" @endif>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="input-group input-group-static mb-4">
                    <label>Usuario</label>
                    <input type="text" class="form-control" id="username" name="username" @if(isset($user)) value="{{ $user->username }}" @else value="" @endif>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="input-group input-group-static mb-4">
                    <label>Correo</label>
                    <input type="text" class="form-control" id="email" name="email" @if(isset($user)) value="{{ $user->email }}" @else value="" @endif>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="input-group input-group-static mb-4">
                    <label>Password</label>
                    <input type="password" class="form-control" id="password" name="password" @if(isset($user)) value="********" @else value="" @endif>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-3">
                  <div class="input-group input-group-static mb-4">
                    <label for="exampleFormControlSelect1" class="ms-0">Rol</label>
                    <select class="form-control" id="rol" name="rol">
                      @foreach ($roles as $v)
                      <option value="{{ $v->id }}">{{ $v->name }}</option>
                      @endforeach
                    </select>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="input-group input-group-static mb-4">
                    <label for="exampleFormControlSelect1" class="ms-0">Sucursal</label>
                    <select class="form-control" id="id_sucursal" name="id_sucursal">
                      @foreach ($sucursales as $v)
                      <option value="{{ $v->Id }}">{{ $v->Descripcion }}</option>
                      @endforeach
                    </select>
                  </div>
                </div>
              </div>

              <br>
              <div class="row">
                <div class="col-12 text-end">
                  <input type="submit" value="Guardar" class="btn btn-primary" />
                </div>
              </div>

            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>



<div class="modal fade" id="cargandoModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Cargando</h4>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-12" align="center">
            <div class="fa-4x">
              <i class="fas fa-spinner fa-pulse"></i>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>
<script>
  $(document).ready(function() {
    $.ajaxSetup({
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      }

    });
  });

  $("#formuploadajax").on("submit", function(e) {
    e.preventDefault();
    var f = $(this);
    var formData = new FormData(document.getElementById("formuploadajax"));
    //formData.append("dato", "valor");
    //formData.append(f.attr("name"), $(this)[0].files[0]);
    var idP = $('#iduser').val()
    if (idP == '') {
      url = 'guarda_user'
    } else {
      url = 'edita_user'
    }


    var name = $('#name').val()
    var username = $('#username').val()
    var email = $('#email').val()
    var password = $('#password').val()
    var rol = $('#rol').val()
    var id_sucursal = $('#id_sucursal').val()

    if (name == '') {
      Swal.fire({
        type: 'error',
        title: 'Oops...',
        text: 'El nombre se encuentra vacio',

      })
      return false;
    }
    if (username == '') {
      Swal.fire({
        type: 'error',
        title: 'Oops...',
        text: 'El usuario se encuentra vacio',

      })
      return false;
    }
    if (email == '') {
      Swal.fire({
        type: 'error',
        title: 'Oops...',
        text: 'El correo se encuentra vacio',

      })
      return false;
    }
    if (password == '') {
      Swal.fire({
        type: 'error',
        title: 'Oops...',
        text: 'El password se encuentra vacio',

      })
      return false;
    }

    $('#cargandoModal').modal()
    $.ajax({
        url: url,
        type: "post",
        dataType: "json",
        data: formData,
        cache: false,
        contentType: false,
        processData: false
      })
      .done(function(res) {
        if (res.id > 0) {
          $('#cargandoModal').modal('hide')
          Swal.fire({
            type: 'success',
            title: '¡Se ha guardado con éxito!',
            showConfirmButton: false,
            timer: 2500
          });
          window.location.href = "{{ url('config/users') }}";
        } else {
          Swal.fire({
            type: 'error',
            title: 'Oops...',
            text: res.mensaje,

          })
          return false;
        }
      });
  });







  function guardarCliente() {
    var idCliente = $('#idCliente').val()
    var rfc = $('#rfc').val()
    var razon_social = $('#razon_social').val()
    var nombre_comercial = $('#nombre_comercial').val()
    var correo = $('#correo').val()
    var direccion = $('#direccion').val()

    var numero = $('#numero').val()
    var colonia = $('#colonia').val()
    var cp = $('#cp').val()
    var estado = $('#estado').val()

    var municipio = $('#municipio').val()
    var pais = $('#pais').val()
    var nombre_contacto = $('#nombre_contacto').val()
    var telefono = $('#telefono').val()
    var direccion_envio = $('#direccion_envio').val()
    var nombre_vendedor = $('#nombre_vendedor').val()
    var tipo_cliente = $('#tipo_cliente').val()
    var politica = $('#politica').val()
    var dias_credito = $('#dias_credito').val()
    var limite_credito = $('#limite_credito').val()

    //alert(rfc);
    //alert(nombre)
    //alert(email)
    //return false;
    if (rfc == '') {
      alert('EL RFC es obligatorio')
      return false;
    }
    if (razon_social == '') {
      alert('EL razon_social es obligatorio')
      return false;
    }
    if (correo == '') {
      alert('EL Email es obligatorio')
      return false;
    }
    if (nombre_comercial == '') {
      alert('EL nombre_comercial es obligatorio')
      return false;
    }
    $('#cargandoModal').modal()
    $.ajax({
        url: 'guarda_cliente',
        type: 'POST',
        dataType: 'json',
        data: {
          idCliente: idCliente,
          rfc: rfc,
          razon_social: razon_social,
          nombre_comercial: nombre_comercial,
          correo: correo,
          direccion: direccion,
          numero: numero,
          colonia: colonia,
          cp: cp,
          estado: estado,
          municipio: municipio,
          pais: pais,
          //c : imss_pass,
          nombre_contacto: nombre_contacto,
          telefono: telefono,
          direccion_envio: direccion_envio,
          nombre_vendedor: nombre_vendedor,
          tipo_cliente: tipo_cliente,
          politica: politica,
          dias_credito: dias_credito,
          limite_credito: limite_credito,
        },
      })
      .done(function(resp) {
        console.log(resp);
        if (resp.id > 0) {
          $('#cargandoModal').modal('hide')
          alert(resp.mensaje)
          window.location.href = "{{ url('compras/clientes') }}";
        } else {
          $('#cargandoModal').modal('hide')
          alert('Error al guardar')
        }
      })
      .fail(function() {
        console.log("error");
      })
      .always(function() {
        console.log("complete");
      });

  }

  function calculaCosto() {
    var cost = $('#cost').val()
    var cost_margin = $('#cost_margin').val()
    if (cost == '') {
      cost = 0
    }
    if (cost_margin == '') {
      cost_margin = 0
    }
    total = parseFloat(cost) + parseFloat(cost_margin)
    $('#wholesale_cost').val(total.toFixed(2))
  }

  function calculaPrecioM() {
    var cost = $('#retail_price').val()
    var cost_margin = $('#retail_taxes').val()
    if (cost == '') {
      cost = 0
    }
    if (cost_margin == '') {
      cost_margin = 0
    }
    impues = cost * 0.16;
    $('#retail_taxes').val(impues.toFixed(2))
    var cost_margin = $('#retail_taxes').val()
    if (cost_margin == '') {
      cost_margin = 0
    }
    total = parseFloat(cost) + parseFloat(cost_margin)
    $('#retail_total').val(total.toFixed(2))
  }

  function calculaPrecioMM() {
    var cost = $('#retail_middle_price').val()
    var cost_margin = $('#retail_middle_taxes').val()
    if (cost == '') {
      cost = 0
    }
    if (cost_margin == '') {
      cost_margin = 0
    }
    impues = cost * 0.16;
    $('#retail_middle_taxes').val(impues.toFixed(2))
    var cost_margin = $('#retail_middle_taxes').val()
    if (cost_margin == '') {
      cost_margin = 0
    }
    total = parseFloat(cost) + parseFloat(cost_margin)
    $('#retail_middle_total').val(total.toFixed(2))
  }

  function calculaPrecioMY() {
    var cost = $('#wholesale_price').val()
    var cost_margin = $('#wholesale_taxes').val()
    if (cost == '') {
      cost = 0
    }
    if (cost_margin == '') {
      cost_margin = 0
    }
    impues = cost * 0.16;
    $('#wholesale_taxes').val(impues.toFixed(2))
    var cost_margin = $('#wholesale_taxes').val()
    if (cost_margin == '') {
      cost_margin = 0
    }
    total = parseFloat(cost) + parseFloat(cost_margin)
    $('#wholesale_total').val(total.toFixed(2))
  }
</script>

@endsection