@extends('layouts.app', ['activePage' => 'dashboard', 'menuParent' => 'dashboard', 'titlePage' => __('Dashboard')])

@section('content')
<div class="content">

  <div class="row">
    <div class="col-lg-6 col-md-6 col-sm-6">
      <div class="card card-stats">
        <div class="card-header card-header-grey card-header-icon">
          <div class="card-icon">
            <i class="material-icons">receipt_long</i>
          </div>
          <p class="card-category">Facturación</p>
          
        </div>
        <div class="card-footer">
            <div class="stats">
            <a href="{{ url('operaciones/facturacion') }}"><i class="material-icons">local_offer</i> Facturación</a>
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-6 col-md-6 col-sm-6">
      <div class="card card-stats">
        <div class="card-header card-header-primary card-header-icon">
          <div class="card-icon">
            <i class="material-icons">assignment_ind</i>
          </div>
          <p class="card-category">Clientes</p>
          
        </div>
        <div class="card-footer">
          <div class="stats">
            <a href="{{ url('catalogo/clientes') }}"><i class="material-icons">local_offer</i> Catálogo Clientes</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-lg-6 col-md-6 col-sm-6">
      <div class="card card-stats">
        <div class="card-header card-header-info card-header-icon">
          <div class="card-icon">
            <i class="material-icons">category</i>
          </div>
          <p class="card-category">Productos/Servicios</p>
          
        </div>
        <div class="card-footer">
          <div class="stats">
            <a href="{{ url('catalogo/productos') }}"><i class="material-icons">local_offer</i> Catálogo Productos/Servicios</a>
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-6 col-md-6 col-sm-6">
      <div class="card card-stats">
        <div class="card-header card-header-success card-header-icon">
          <div class="card-icon">
            <i class="material-icons">view_list</i>
          </div>
          <p class="card-category">Mis Facturas</p>
          <!--<h3 class="card-title">75.521</h3>-->
        </div>
        <div class="card-footer">
          <div class="stats">
            <a href="{{ url('operaciones/lista_facturas') }}"><i class="material-icons">local_offer</i> Listado de Facturas</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-lg-6 col-md-6 col-sm-6">
      <div class="card card-stats">
        <div class="card-header card-header-warning card-header-icon">
          <div class="card-icon">
            <i class="material-icons">payments</i>
          </div>
          <p class="card-category">Nuevo Depósito</p>
          
        </div>
        <div class="card-footer">
            <div class="stats">
            <a href="{{ url('operaciones/nuevo_deposito') }}"><i class="material-icons">local_offer</i> Depósito</a>
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-6 col-md-6 col-sm-6">
      <div class="card card-stats">
        <div class="card-header card-header-danger card-header-icon">
          <div class="card-icon">
            <i class="material-icons">price_check</i>
          </div>
          <p class="card-category">Lista Depositós</p>
          
        </div>
        <div class="card-footer">
          <div class="stats">
            <a href="{{ url('operaciones/depositos') }}"><i class="material-icons">local_offer</i> Lista Depósitos</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<a href="" id="send_whastapp" target="_blank"></a>

@include ('includes.serviciosTransito')


<div class="modal fade" id="modal-id">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Selecciona Empresa</h4>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-12">
            <select id="bases" class="selectpicker" data-width="100%" data-style="select-with-transition" data-live-search="true">
              
            </select>
          </div>
        </div>
        <div class="row">
          <div class="col-9"></div>
          <div class="col-2">
            <button class="btn btn-primary" onclick="seleccionaBd()">Sel</button>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div>



<style>
  .card2 {
    height: 90%;
  }

  .bg-tr-span {
    background-color: #cedef2 !important;
  }

  .ct-series-a .ct-bar {
    /* Colour of your bars */
    stroke: #0A415F !important;
    stroke-width: 20;
    cursor: pointer;
  }

  .ct-series-a .ct-point {
    /* Colour of your bars */
    stroke: #0A415F !important;
    cursor: pointer;
  }

  .ct-series-a .ct-line {
    stroke: #0A415F !important;
  }

  .ct-bar:hover {
    /* Colour of your bars */
    opacity: .9 !important;
  }

  .ui-tooltip {
    background: #000;
    opacity: .7;
    color: #fff;
    font-size: .8rem;
  }
</style>
@endsection

@push('js')

<script>
$(document).ready(function() {
  getSesion();
});
function getSesion(){
  $.ajax({
    url: '{{ url('home/get_bd') }}',
    type: 'POST',
    dataType: 'json',
    data: {param1: 'value1'},
  })
  .done(function(resp) {
    console.log(resp);
    if(resp.data!=''){
      html = ''
      $.each(resp.data, function(index, val) {
         html+='<option value="'+val.nombre+'">'+val.cliente+'</option>'
      });
      if('{{ auth()->user()->id_perfil }}' == '1'){
        $('#bases').append(html)
        //$('#modal-id').modal('show')
        $("#bases").selectpicker('refresh')
      }
      
    }else{

    }
  })
  .fail(function() {
    console.log("error");
  })
  .always(function() {
    console.log("complete");
  });
  
}
function seleccionaBd(){
  $.ajax({
    url: '{{ url('home/sel_bd') }}',
    type: 'POST',
    dataType: 'json',
    data: {bd: $('#bases').val()},
  })
  .done(function(resp) {
    console.log("success");
      if('{{ env('INSTANCE_NAME') }}' == 'Resultoria'){
        subdominio = 'resultoria'
      }else{
        subdominio = 'facturacion'
      }
      window.location.href = 'https://'+subdominio+'.ghp.com.mx/' + $('#bases').val() + '/public/dashboard';
    
  })
  .fail(function() {
    console.log("error");
  })
  .always(function() {
    console.log("complete");
  });
  
}
</script>
@endpush