@extends('layouts/contentLayoutMaster')

@section('title', 'Dashboard Información')

@section('vendor-style')
  <!-- vendor css files -->
  <link rel="stylesheet" href="{{ asset(mix('vendors/css/charts/apexcharts.css')) }}">
  <link rel="stylesheet" href="{{ asset(mix('vendors/css/extensions/toastr.min.css')) }}">
  <link rel="stylesheet" href="{{ asset(mix('vendors/css/tables/datatable/dataTables.bootstrap5.min.css')) }}">
  <link rel="stylesheet" href="{{ asset(mix('vendors/css/tables/datatable/responsive.bootstrap5.min.css')) }}">
@endsection
@section('page-style')
  <!-- Page css files -->
  <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/charts/chart-apex.css')) }}">
  <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/extensions/ext-component-toastr.css')) }}">
  <link rel="stylesheet" href="{{ asset(mix('css/base/pages/app-invoice-list.css')) }}">
  @endsection

@section('content')

  <!-- List DataTable -->
  <div class="row">
    <div class="col-12">
      <div class="card invoice-list-wrapper">
        <div class="card-datatable table-responsive">
          
        <div class="mb-1">
            <label class="form-label" for="register-username">Nombre de la empresa </label>
            <input class="form-control" id="register-username" type="text" name="name" placeholder="Nombre de la empresa" aria-describedby="register-username" autofocus="" tabindex="1" />
          </div>

          <div class="mb-1">
            <label class="form-label" for="register-username">Nombre de su encargado En Reglas </label>
            <input class="form-control" id="register-username" type="text" name="nombre" placeholder="Nombre de su encargado En Reglas" aria-describedby="register-username" autofocus="" tabindex="1" />
          </div>

          <div class="mb-1">
            <label class="form-label" for="register-username">Ruc de la Empresa / Cédula Idóneo</label>
            <input class="form-control" id="register-username" type="text" name="ruc" placeholder="Ruc de la Empresa" aria-describedby="register-username" autofocus="" tabindex="1" />
          </div>
          <div class="mb-1">
            <label class="form-label" for="register-username">DV</label>
            <input class="form-control" id="register-username" type="text" name="dv" placeholder="DV" aria-describedby="register-username" autofocus="" tabindex="1" />
          </div>


          <div class="mb-1">
            <label class="form-label" for="register-username">Teléfono</label>
            <input class="form-control" id="register-username" type="text" name="telefono" placeholder="Teléfono" aria-describedby="register-username" autofocus="" tabindex="1" />
          </div>

          <div class="mb-1">
            <label class="form-label" for="register-username">Fecha Inicio de Operación</label>
            <input class="form-control" id="register-username" type="date" name="fecha_inicio" placeholder="johndoe" aria-describedby="register-username" autofocus="" tabindex="1" />
          </div>

      

          <div class="mb-1">
            <label class="form-label" for="basicSelect">Ocupación de la empresa</label>
            <select class="form-select" id="basicSelect" name="ocupacion">
              <option></option>
              <option>IT</option>
              <option>Blade Runner</option>
              <option>Thor Ragnarok</option>
            </select>
          </div>

          <div class="mb-1">
            <label class="form-label" for="register-username">Cantidad de Colaboradores</label>
            <input class="form-control" id="register-username" type="number" name="colaboradores" placeholder="Ocupación de la empresa" aria-describedby="register-username" autofocus="" tabindex="1" />
          </div>


          <div class="mb-1">
            <label class="form-label" for="register-username">Aviso de Operación / Carnet Idóneo</label>
            <input class="form-control" id="register-username" type="file" name="aviso" placeholder="Ocupación de la empresa" aria-describedby="register-username" autofocus="" tabindex="1" />
          </div>

          <div class="mb-1">
            <label class="form-label" for="register-username">Logo</label>
            <input class="form-control" id="register-username" type="file" name="logo" placeholder="Ocupación de la empresa" aria-describedby="register-username" autofocus="" tabindex="1" />
          </div>
          
          <div class="mb-1">
            <label class="form-label" for="register-email">Correo</label>
            <input class="form-control" id="register-email" type="text" name="email" placeholder="john@example.com" aria-describedby="register-email" tabindex="2" />
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--/ List DataTable -->
</section>
<!-- Dashboard Analytics end -->
@endsection

@section('vendor-script')
  <!-- vendor files -->
  <script src="{{ asset(mix('vendors/js/charts/apexcharts.min.js')) }}"></script>
  <script src="{{ asset(mix('vendors/js/extensions/toastr.min.js')) }}"></script>
  <script src="{{ asset(mix('vendors/js/extensions/moment.min.js')) }}"></script>
  <script src="{{ asset(mix('vendors/js/tables/datatable/jquery.dataTables.min.js')) }}"></script>
  <script src="{{ asset(mix('vendors/js/tables/datatable/datatables.buttons.min.js')) }}"></script>
  <script src="{{ asset(mix('vendors/js/tables/datatable/dataTables.bootstrap5.min.js')) }}"></script>
  <script src="{{ asset(mix('vendors/js/tables/datatable/dataTables.responsive.min.js')) }}"></script>
  <script src="{{ asset(mix('vendors/js/tables/datatable/responsive.bootstrap5.js')) }}"></script>
@endsection
@section('page-script')
  <!-- Page js files -->
  <script src="{{ asset(mix('js/scripts/pages/dashboard-analytics.js')) }}"></script>
  <script src="{{ asset(mix('js/scripts/pages/app-invoice-list.js')) }}"></script>
@endsection