<?php
//Activamos el almacenamiento en el buffer
ob_start();
session_start();

if (!isset($_SESSION["nombre"])) {
  header("Location: login.html");
} else {
  require '../config/global.php';
  require 'header.php';

  if ($_SESSION['escritorio'] == 1) {
    ?>
    <!--Contenido-->
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper" id="sistema">
      <!-- Main content -->
      <section class="content">
        <div class="row">
          <div class="col-md-12">
            <div class="box">
              <div class="box-header with-border">
                <h1 class="box-title">Agenda</h1>
              </div>

              <!-- /.box-header -->
              <!-- centro -->
              <div class="panel-body" id="listadoregistros">
                <div class="row">
                  <div class="col-md-12">
                    <h3>Calendario</h3>
                    <!-- Cal.com Embed -->
                    <?php 
                      $url_embed = CALCOM_BOOKING_URL;
                      if (strpos($url_embed, '?') !== false) {
                          $url_embed .= "&embed=true";
                      } else {
                          $url_embed .= "?embed=true";
                      }
                    ?>
                    <iframe src="<?php echo $url_embed; ?>"
                      style="width: 100%; height: 600px; border: none; margin-bottom: 20px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1);"></iframe>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-12">
                    <h3>Listado de Citas (API)</h3>
                    <table id="tbllistadobookings" class="table table-striped table-bordered table-condensed table-hover">
                      <thead>
                        <th>Fecha y Hora</th>
                        <th>Título</th>
                        <th>Asistentes</th>
                        <th>Estado</th>
                        <th>Acciones</th>
                      </thead>
                      <tbody>
                      </tbody>
                      <tfoot>
                        <th>Fecha y Hora</th>
                        <th>Título</th>
                        <th>Asistentes</th>
                        <th>Estado</th>
                        <th>Acciones</th>
                      </tfoot>
                    </table>
                  </div>
                </div>
              </div>
              <!--Fin centro -->
            </div><!-- /.box -->
          </div><!-- /.col -->
        </div><!-- /.row -->
      </section><!-- /.content -->

    </div><!-- /.content-wrapper -->
    <!--Fin-Contenido-->
    <?php
  } else {
    require 'noacceso.php';
  }

  require 'footer.php';
  ?>
  <script type="text/javascript">
    var tabla;

    function init() {
      mostrarform(false);
      listar();
    }

    function listar() {
      tabla = $('#tbllistadobookings').dataTable({
        "aProcessing": true,//Activamos el procesamiento del datatables
        "aServerSide": true,//Paginación y filtrado realizados por el servidor
        dom: 'Bfrtip',//Definimos los elementos del control de tabla
        buttons: [],
        "ajax":
        {
          url: '../ajax/agenda.php?op=listar',
          type: "get",
          dataType: "json",
          error: function (e) {
            console.log(e.responseText);
          }
        },
        "bDestroy": true,
        "iDisplayLength": 5,//Paginación
        "order": [[0, "desc"]]//Ordenar (columna,orden)
      }).DataTable();
    }

    function atender(bookingId) {
      if (confirm("¿Marcar cita como ATENDIDA?")) {
        $.post("../ajax/agenda.php?op=atender", { bookingId: bookingId }, function (e) {
          alert(e);
          tabla.ajax.reload();
        });
      }
    }

    function eliminar(bookingId) {
      if (confirm("¿Eliminar cita de la lista?")) {
        $.post("../ajax/agenda.php?op=eliminar", { bookingId: bookingId }, function (e) {
          alert(e);
          tabla.ajax.reload();
        });
      }
    }

    $(document).ready(function () {
      listar();
    });
  </script>
  <?php
}
ob_end_flush();
?>