@extends('base')

@section('main')
<?php     date_default_timezone_set('America/Argentina/Buenos_Aires');
$array_inicio_turno_sala=array();
$array_turno_sala=array();
$array_turnos=array();

?>
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">

                <div class="card-body">
                    @if (session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
                    @endif
                    @if(session('success'))
<div class="alert alert-success text-center">
    {{ session('success') }}
</div>
@endif
                    @if(session('error'))
<div class="alert alert-warning text-center" style="background:red !important;">
    {{ session('error') }}
</div>
@endif

               
                      <form method="get" action="{{ route('agenda') }}" id="agendaform">
                 <div id="quieto2"><a id="refrescar"><i class="fa fa-refresh" aria-hidden="true"></i></a>
                <div id="botones">
                     <button type="button" id="nuevanota" data-toggle="modal" data-target="#modalagregarnota">+N</button><button type="button" id="nuevoturno" data-toggle="modal" data-target="#modalagregarturno">+T1</button>
                    <button type="button" id="nuevoturnot2" data-toggle="modal" data-target="#modalagregarturnot2">+T2</button>
                   <!-- <button type="button" id="nuevoturno2" data-toggle="modal" data-target="#modalagregarturno2">+E</button>-->
                   </div> <h1>{{ __('Agenda') }} {{$nombrefranquicia}}</h1>      <input type="date" name="fecha" value="{{$fecha}}" id="fecha">
                        <?php $fechamenos = date_create($fecha);
                        $fechamas = date_create($fecha);
date_add($fechamas, date_interval_create_from_date_string("1 day"));
date_add($fechamenos, date_interval_create_from_date_string("-1 day"));
; ?>
<a class="nuevafecha" valor="<?php echo date_format($fechamenos,"Y-m-d");?>"><i class="fa fa-arrow-left" aria-hidden="true"></i></a> <a class="nuevafecha" valor="<?php echo date_format($fechamas,"Y-m-d");?>"><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
<?php $fullurl=  url()->full();
if(!preg_match('/desde/i',$fullurl)){
    $desde=10;
}?>
              <select name="desde" id="desde">
               <?php 
               
                   for ($i1=0; $i1 <= 10 ; $i1++) { 
                        // code...
                        if($i1<10){
                            $hora1 = "0".$i1;
                        }else{
                             $hora1=$i1;
                        }
                        if($i1==$desde){
                            $sel="selected";
                        }else{
                            $sel="";
                        }
                        echo "<option value='".$i1."' $sel>".$hora1."</option>\n";

                    }?>  </select><br>
                         {{$nombre_dia}}
                    {{$dia}}
                   <p></p>  </div>   
                        
                    <div id="agendadiv">
                    <table class="agenda"> 
                         <?php $txt="";
                    $array_cantidad=array();
                    $listado_sala=array();
                    $hora_actual = date('H');
                    $minuto_actual=date('i');
                    for ($i=$desde; $i <= 23 ; $i++) { 
                        // code...
                        if($i<10){
                            $hora = "0".$i;
                        }else{
                             $hora=$i;
                        }

                        if(isset($datos[$i])){
                            $cantidad = count($datos[$i]);
                            $array_cantidad[$cantidad]=true;
                            foreach($datos[$i] as $key => $dato){
                                foreach($dato as $dat){
                                    if(isset($array_salas[$dat['titulo']])){
                                        $clave=$array_salas[$dat['titulo']];
                                        $ticket = $dat['ticket']?$dat['ticket']."/":"";
                                        $top =  $dat['minutos'];
                                        if($dat['titulo']){
                                            $titulo =$dat['titulo'];
                                        }else{
                                             $titulo=$dat['sala'];
                                        }
                                        if($dat['cantidad']>8){
                                            $titulo =$dat['cantidad']." PAX - ".$dat['titulo'];
                                        }

                                            $bg=($dat['cpago'])?"background:".$dat['cpago'].";":"";
                                               if($dat['id_turno']>0 or $dat['tipo_reserva']==48){
                                                    $d='';
                                                }else{
                                                    $d=" t";
                                                    $ticket="";
                                                    if($dat['cantidad']>8){
                                            $tit_aux =$dat['cantidad']."PAX";// - ".$dat['titulo'];
                                        }else{
                                             $tit_aux=$dat['titulo'];
                                        }
                                                   
                                                    $titulo=substr($tit_aux, 0, 6);
                                                    $letras = str_split($titulo);
                                                    $tit_aux="";
                                                    for ($r=0; $r <count($letras) ; $r++) { 
                                                         $tit_aux.=$letras[$r]."<br>";
                                                    }
                                                    $titulo=$tit_aux;
                                                   
                                                }
                                              $listado_sala[$i][$clave][] =  "<div class='".'dia tr'.$dat['tipo_reserva'].$d."' style='margin-top:".$top."px;$bg'><a title='".$dat['sala']."' class='a".$dat['tipo_reserva'].$d." tit' href='veragenda/".$dat['id']."/".$fecha."/".$desde."'><div class='ticket'>".$ticket."</div>". $titulo."</a></div>\n";     
                                    }else{//agregado
                                        $top =  $dat['minutos'];
                                              $listado_sala[$i][$dat['sala']][] =  "<div class='dia r none' style='margin-top:".$top."px;'></div>\n";   
                                    }
                                }
                                
                            }
                        }else{
                            //$txt = "<table class='salas'><tr>";
                           //  foreach($array_salas as $nombresala){
                             //   $txt .="<td><div></div></td>";  
                           //  }
                            //  $txt .= "</tr></table>";
                        }

                        if($hora_actual==$hora and $fecha ==date("Y-m-d")){
                            $linea='<a id="horaacargar"></a><div class="linea_hora"><i class="fa fa-circle" aria-hidden="true"></i></div>';
                        }else{
                            $linea="";
                        }
                        if($hora=="17"){
                             $linea.="<div class='nota'>".$notaaimprimir."</div>";
                        }
                        echo "<tr><td  class='t' ><div class='hora'>$hora:00</div><div class='hora1'>$hora:00</div></td><td>$linea";
                        if(isset($listado_sala[$i])){
                            echo "<table class='salas'><tr>";
                            $c=0;
                            $cantidadsalas=count($array_salas);
                            $h=0;
                            foreach ($array_salas as $key => $value) {
                              //s  echo $key;
                           // }
                         //  for ($h=0; $h < $cantidadsalas+1; $h++) {
                            if(isset($listado_sala[$i][$h])){
                                 echo "<td class='s$h'>";
                                           // for($t=0;$t<count($listado_sala[$i][$h]);$t++){
                                 foreach($listado_sala[$i][$h] as $lista){
                                                 echo $lista;//muestra la reserva
                                             }
                                          //  }
                                           
                                             echo "</td>";

                            }elseif(isset($listado_sala[$i][$key])){
                                            echo "<td class='s$h'>";
                                          foreach($listado_sala[$i][$key] as $lista){
                                            echo $lista;
                                        }
                                         //   }
                                            echo "</td>";
                                           }else{
                                           // if($h<$cantidadsalas){
                                            //    echo $i."<br>".$h;
                                           // echo $i;
                                           // if(isset($datos[$i][$key])){
                                               // $top=$datos[$i][$key]['minutos'];
                                                echo "<td class='s$h'><div class='diaaux dia2' style='margin-top:0px;'></div></td>";
                                          //  }
                                                
                                          //  }
                                           
                                           }$h++;
                                }
                            echo "</tr></table>";
                        }else{
                            echo "";
                        }
                        echo "</td></tr>";
                    } 
            //////////////////////////////////
                    ///////////////////////////
            unset($array_cantidad);
            unset($listado_sala);
             $txt="";
                    $array_cantidad=array();
                    $listado_sala=array();

                    $hora_actual = date('H');
                    $minuto_actual=date('i');
                    for ($i=0; $i <= 8 ; $i++) { 
                        // code...
                        if($i<10){
                            $hora = "0".$i;
                        }else{
                             $hora=$i;
                        }

                        if(isset($datostrasnoche[$i])){
                            $cantidad = count($datostrasnoche[$i]);
                            $array_cantidad[$cantidad]=true;
                            foreach($datostrasnoche[$i] as $key => $dato){
                                foreach($dato as $dat){
                                    if(isset($array_salas[$dat['titulo']])){
                                        $clave=$array_salas[$dat['titulo']];
                                        $ticket = $dat['ticket']?$dat['ticket']."/":"";
                                        $top =  $dat['minutos'];
                                        if($dat['titulo']){
                                            $titulo =$dat['titulo'];
                                        }else{
                                             $titulo=$dat['sala'];
                                        }
                                        if($dat['cantidad']>8){
                                            $titulo =$dat['cantidad']." PAX - ".$dat['titulo'];
                                        }

                                            $bg=($dat['cpago'])?"background:".$dat['cpago'].";":"";
                                               if($dat['id_turno']){
                                                    $d='';
                                                }else{
                                                    $d=" t";
                                                    $ticket="";
                                                    $tit_aux=$dat['nombre'];
                                                    $titulo=substr($tit_aux, 0, 6);
                                                    $letras = str_split($titulo);
                                                    $tit_aux="";
                                                    for ($r=0; $r <count($letras) ; $r++) { 
                                                         $tit_aux.=$letras[$r]."<br>";
                                                    }
                                                    $titulo=$tit_aux;
                                                   
                                                }
                                              $listado_sala[$i][$clave][] =  "<div class='".'dia tr'.$dat['tipo_reserva'].$d."' style='margin-top:".$top."px;$bg'><a title='".$dat['sala']."' class='a".$dat['tipo_reserva'].$d." tit' href='veragenda/".$dat['id']."/".$fecha."/".$desde."'><div class='ticket'>".$ticket."</div>". $titulo."</a></div>\n";     
                                    }else{//agregado
                                        $top =  $dat['minutos'];
                                              $listado_sala[$i][$dat['sala']][] =  "<div class='dia r none' style='margin-top:".$top."px;'></div>\n";   
                                    }
                                }
                                
                            }
                        }else{
                            //$txt = "<table class='salas'><tr>";
                           //  foreach($array_salas as $nombresala){
                             //   $txt .="<td><div></div></td>";  
                           //  }
                            //  $txt .= "</tr></table>";
                        }

                        if($hora_actual==$hora and $fecha ==date("Y-m-d")){
                            $linea='<a id="horaacargar"></a><div class="linea_hora"><i class="fa fa-circle" aria-hidden="true"></i></div>';
                        }else{
                            $linea="";
                        }
                        if($hora=="08"){
                            $linea.="<div class='nota'>".$notaaimprimir."</div>";
                        }
                        echo "<tr><td  class='t' ><div class='hora'>$hora:00</div><div class='hora1'>$hora:00</div></td><td>$linea";
                        if(isset($listado_sala[$i])){
                            echo "<table class='salas'><tr>";
                            $c=0;
                            $cantidadsalas=count($array_salas);
                            $h=0;
                            foreach ($array_salas as $key => $value) {
                              //s  echo $key;
                           // }
                         //  for ($h=0; $h < $cantidadsalas+1; $h++) {
                            if(isset($listado_sala[$i][$h])){
                                 echo "<td class='s$h'>";
                                           // for($t=0;$t<count($listado_sala[$i][$h]);$t++){
                                 foreach($listado_sala[$i][$h] as $lista){
                                                 echo $lista;//muestra la reserva
                                             }
                                          //  }
                                           
                                             echo "</td>";

                            }elseif(isset($listado_sala[$i][$key])){
                                            echo "<td class='s$h'>";
                                          foreach($listado_sala[$i][$key] as $lista){
                                            echo $lista;
                                        }
                                         //   }
                                            echo "</td>";
                                           }else{
                                           // if($h<$cantidadsalas){
                                            //    echo $i."<br>".$h;
                                           // echo $i;
                                           // if(isset($datos[$i][$key])){
                                               // $top=$datos[$i][$key]['minutos'];
                                                echo "<td class='s$h'><div class='diaaux dia2' style='margin-top:0px;'></div></td>";
                                          //  }
                                                
                                          //  }
                                           
                                           }$h++;
                                }
                            echo "</tr></table>";
                        }else{
                            echo "";
                        }
                        echo "</td></tr>";
                    }        
             /*    for ($j=0; $j < 8 ; $j++) { 
                    if(isset($datos[$j])){
                            $cantidad = count($datos[$j]);
                            $array_cantidad[$cantidad ]=true;
                            foreach($datos[$j] as $key => $dato){
                                foreach($dato as $dat){
                                    if(isset($array_salas[$dat['titulo']])){
                                        $clave=$array_salas[$dat['titulo']];
                                       $ticket = $dat['ticket']?$dat['ticket']."/":"";
                                       $top =  $dat['minutos'];
                                        if($dat['titulo']){
                                            $titulo =$dat['titulo'];
                                        }else{
                                             $titulo=$dat['sala'];
                                        }
                                           //$top=int$top;
                                        ///agregado
                                            if($dat['id_turno']){
                                                    $d='';
                                                }else{
                                                    $d=" t";
                                                    $ticket="";
                                                    $tit_aux=$dat['nombre'];
                                                    $titulo=substr($tit_aux, 0, 6);
                                                    $letras = str_split($titulo);
                                                    $tit_aux="";
                                                    for ($r=0; $r <count($letras) ; $r++) { 
                                                         $tit_aux.=$letras[$r]."<br>";
                                                    }
                                                    $titulo=$tit_aux;
                                                   
                                                }
                                              $listado_sala[$j][$clave][] =  "<td><div class='".'dia r'.$dat['tipo_reserva'].$d."' style='margin-top:".$top."px;'><a title='".$dat['sala']."' class='a".$dat['tipo_reserva'].$d." tit' href='veragenda/".$dat['id']."/".$fecha."'>".$ticket.$titulo."</a></div>\n";
                                    }else{//agregado
                                        $top =  $dat['minutos'];
                                              $listado_sala[$j][$dat['sala']][] =  "<div class='dia r none' style='margin-top:".$top."px;'>". $dat['sala']."</div>\n";   
                                    }
                                }
                                
                            }
                        }else{
                            //$txt = "<table class='salas'><tr>";
                           //  foreach($array_salas as $nombresala){
                             //   $txt .="<td><div></div></td>";  
                           //  }
                            //  $txt .= "</tr></table>";
                        }
                     if($j<10){
                            $hora = "0".$j;
                        }else{
                             $hora=$j;
                        }
                         if($hora_actual==$hora){
                             $linea='<div class="linea_hora"><i class="fa fa-circle" aria-hidden="true"></i></div>';
                        }else{
                            $linea="";
                        }
                        echo "<tr><td  class='t'><div class='hora'>$hora:00</div><div class='hora1'>$hora:00</div></td><td>$linea";
                    if(isset($datos[$j])){
                         echo "<table class='salas'><tr>";
                            $c=0;
                            for ($h=0; $h < count($array_salas); $h++) { 
                                   
                                           if(isset($listado_sala[$j][$h])){

                                            //echo $listado_sala[$j][$h];
                                           }else{
                                            echo "<td></td>";
                                           }
                                       
                                    //echo $col;
                                }
                            echo "</tr></table>";
                           
                    } else{
                            echo "";
                        }
                        echo "</td></tr>";
                }

                */
                for ($k=$desde; $k >0; $k--) { 
                    echo "<tr>".'<td class="t novisible"><div class="hora"></div><div class="hora1"></div></td>'."</tr>";
                    // code...
                }
                ?>
                </table>
                </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>


<div id="modalagregarturno" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
        <!--=====================================
        CABEZA DEL MODAL
        ======================================-->
        <div class="modal-header" style="background:#3c8dbc; color:white">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Agregar turno</h4>
        </div>
        <!--=====================================
        CUERPO DEL MODAL
        ======================================-->
        <div class="modal-body">
          <div class="box-body">
            <!-- Entrada para Obra Social-->
            <div class="form-group col-sm-12">
              <div class="input-group w-100 datos">
                <div class="col-sm-12"><button onclick="javascript:seleccionar();">Seleccionar todos</button><button onclick="javascript:deseleccionar();">Deseleccionar todos</button>
                        <form  method="post" action="{{ route('agregarturno') }}" id="agregarturnoform">
                             @csrf
                             <select id="idsalas" name="id_sala[]" multiple required>
                             @foreach($salas as $sala)
                             <option value="{{$sala->id}}">{{$sala->nombre}}</option>
                             @endforeach
                         </select>
                        <input type="hidden" name="fecha" value="<?php echo $fecha; ?>" required>
                        <label>Hora <input type="time" name="hora_inicio" required></label><br>
                         <input type="hidden" name="hora_fin" >
            <label>Pax<br>
            <input type="number" name="pax" required></label><br>
            <label>Precio<br>
            <input type="number" name="precio"></label><br>
            <label>Nombre<br>
            <input type="text" name="nombre" required></label><br>
            <label>Telefono<br>
            <input type="text" name="telefono"></label><br>
            <label>Email<br>
            <input type="text" name="email"></label><br>
            
           
 <label>COLOR: </label>
                             <?php $entro=0;$texto="";$colortexto=""; ?>
                              @if(isset($colores))
                            @foreach($colores as $color)
                            @if($color->id==1)
                            <?php $ckeck="checked";$colortexto=$color->color;
                            $texto=(isset($color->texto))?$color->texto:"";
                            ?>
                            <div id="colores">
                            <div id="colorelegido2" style="width: 150px;height: 30px;">
                                <?php 
                                
                                    $colorb="";
                                ?>
                              <label id="etiquetacolor"> <button id="colorselec" style="background:{{$colorb}};width: 150px !important;height: 30px;" class="ca" type="button"><input type="hidden" name="color44" id="color" p="d" value="{{ $color->id}}" style="background:{{$colorb}};" class="ca" colorbackground="{{$colorb}}" cambiatexto="{{isset($color->cambiatexto)?$color->cambiatexto:""}}" texto="{{isset($color->texto)?$color->texto:""}}"></label>
                            <br></div>
                            <div id="coloresamostrar">
                            @else
                            <?php  $ckeck=""; ?>
                           @endif
                             <label id="lcolor{{ $color->id}}" style="background:{{$color->color}};" class="cerr"><input type="radio" name="color"  value="{{ $color->id}}"  class="ca ca2"  colorbackground="{{$color->color}}" cambiatexto="{{isset($color->cambiatexto)?$color->cambiatexto:""}}" texto="{{isset($color->texto)?$color->texto:""}}" {{$ckeck}}>{{substr($color->titulo,0,12)}} </label>
                            <?php $entro++; ?>
                            @endforeach
                              <input type="hidden" name="textoamostrar"  value="{{$texto}}" id="textoamostrar" />
                               <input type="hidden" name="cpago"  value="{{$colortexto}}" id="cpago" />
                             </div>
                            </div>             
                            @else
                            <div id="colores"></div>
                            Datos no encontrados
                            @endif
                            <br>
            <button type="submit">Enviar</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</div></div></div>

<div id="modalagregarturnot2" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
        <!--=====================================
        CABEZA DEL MODAL
        ======================================-->
        <div class="modal-header" style="background:#3c8dbc; color:white">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Agregar turno T2</h4>
        </div>
        <!--=====================================
        CUERPO DEL MODAL
        ======================================-->
        <div class="modal-body">
          <div class="box-body">
            <!-- Entrada para Obra Social-->
            <div class="form-group col-sm-12">
              <div class="input-group w-100 datos">
                <div class="col-sm-12">
                        <form  method="post" action="{{ route('agregarturno') }}" id="agregarturnoform">
                             @csrf
                             <select name="id_sala[]" required>
                             @foreach($salas as $sala)
                             <option value="{{$sala->id}}">{{$sala->nombre}}</option>
                             @endforeach
                         </select>
                        <input type="hidden" name="fecha" value="<?php echo $fecha; ?>" required>
                        <label>Hora <input type="time" name="hora_inicio" required></label><br>
                         <input type="hidden" name="tipo_reserva" value="48" > <input type="hidden" name="hora_fin" >
            <label>Pax<br>
            <input type="number" name="pax" required></label><br>
            <label>Precio<br>
            <input type="number" name="precio"></label><br>
            <label>Nombre<br>
            <input type="text" name="nombre" required></label><br>
            <label>Telefono<br>
            <input type="text" name="telefono"></label><br>
            <label>Email<br>
            <input type="text" name="email"></label><br>
             
            

 <label>COLOR: </label>
                             <?php $entro=0;$texto="";$colortexto=""; ?>
                              @if(isset($colores))
                            @foreach($colores as $color)
                            @if($color->id==1)
                            <?php $ckeck="checked";$texto=isset($color->texto)?$color->texto:"";$colortexto=$color->color; ?>
                            <div id="colores2">
                            <div id="colorelegido22" style="width: 150px;height: 30px;">
                                <?php 
                                
                                    $colorb="";
                                ?>
                              <label id="etiquetacolor"> <button id="colorselec2" style="background:{{$colorb}};width: 150px !important;height: 30px;" class="ca2" type="button"><input type="hidden" name="color442" id="color2" p="d" value="{{ $color->id}}" style="background:{{$colorb}};" class="ca2" colorbackground="{{$colorb}}"  cambiatexto="{{isset($color->cambiatexto)?$color->cambiatexto:""}}" texto="{{isset($color->texto)?$color->texto:""}}"></label>
                            <br></div>
                            <div id="coloresamostrar2">
                            @else
                            <?php  $ckeck=""; ?>
                           @endif
                             <label id="lcolor{{ $color->id}}" style="background:{{$color->color}};" class="cerr"><input type="radio" name="color2"  value="{{ $color->id}}"  class="ca2 ca22"  colorbackground="{{$color->color}}"  cambiatexto="{{isset($color->cambiatexto)?$color->cambiatexto:""}}" texto="{{isset($color->texto)?$color->texto:""}}" {{$ckeck}}>{{substr($color->titulo,0,12)}} </label>
                            <?php $entro++; ?>
                            @endforeach 
                             </div>
                            </div>             
                            @else
                            <div id="colores2"></div>
                            Datos no encontrados
                            @endif
                            <input type="hidden" name="cpago"  value="{{$colortexto}}" id="cpago2" />
                             <input type="hidden" name="textoamostrar"  value="{{$texto}}" id="textoamostrar2" />

            <button type="submit">Enviar</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</div></div></div>


<!---->
<div id="modalagregarturno2" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
        <!--=====================================
        CABEZA DEL MODAL
        ======================================-->
        <div class="modal-header" style="background:#3c8dbc; color:white">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Agregar evento</h4>
        </div>
        <!--=====================================
        CUERPO DEL MODAL
        ======================================-->
        <div class="modal-body">
          <div class="box-body">
            <!-- Entrada para Obra Social-->
            <div class="form-group col-sm-12">
              <div class="input-group w-100 datos">
                <div class="col-sm-12">
                        <form  method="post" action="{{ route('agregarturno') }}" id="agregarturnoform">
                             @csrf
                             <select name="id_sala" required>
                             @foreach($salas as $sala)
                             @if(preg_match('/evento/i',$sala->nombre))
                             <option value="{{$sala->id}}">{{$sala->nombre}}</option>
                             @endif
                             @endforeach
                         </select>
                        <input type="hidden" name="fecha" value="<?php echo $fecha; ?>" required>
                        <br>
                        <label>Hora <input type="time" name="hora_inicio" id="hora_inicio" required></label><br>
                         <label>Hora final <input type="time" name="hora_fin" id="hora_fin" required></label><br>
            <label>Pax<br>
            <input type="number" name="pax" required></label><br>
            <label>Precio<br>
            <input type="number" name="precio"></label><br>
            <label>Nombre<br>
            <input type="text" name="nombre" required></label><br>
            <label>Telefono<br>
            <input type="text" name="telefono"></label><br>
            <label>Email<br>
            <input type="text" name="email"></label><br>

            <button type="submit">Enviar</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</div></div></div>

<div id="modalagregarnota" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
        <!--=====================================
        CABEZA DEL MODAL
        ======================================-->
        <div class="modal-header" style="background:#3c8dbc; color:white">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Agregar nota</h4>
        </div>
        <!--=====================================
        CUERPO DEL MODAL
        ======================================-->
        <div class="modal-body">
          <div class="box-body">
            <!-- Entrada para Obra Social-->
            <div class="form-group col-sm-12">
              <div class="input-group w-100 datos">
                <div class="col-sm-12">
                    <form  method="post" action="{{ route('agregarnota') }}" id="notaform">
                         @csrf
                        <input type="hidden" name="fecha" value="<?php echo $fecha; ?>">
            <label>Nota<br>
            <textarea name="nota">{{isset($notas[0]->nota)?$notas[0]->nota:''}}</textarea></label><br>
             <label>Horario<br><input type="time" name="horario"></label><br>
            <button type="submit">Enviar</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</div></div></div>
@push('stylesheets')
<style type="text/css">
    @foreach($tiporeserva as $tr)
    .tr{{$tr->id}} { background:{{$tr->color}};color:{{$tr->letra}};padding:2px;border-radius: 4px; }
    .a{{$tr->id}} {color:{{$tr->letra}};}
    @endforeach
    div.dia2{z-index: 0 !important;}
    div.none {border:1px solid #e96f00 !important; background: none;}
table.agenda {width: 100%; border-collapse: collapse;min-width: 250px;}
table.agenda tr td{width: 100%;border-collapse: collapse;border: 1px solid #ccc;height: 60px;vertical-align: top;}
/*table.agenda tr td{border-collapse: collapse;border: 1px solid #ccc;padding: 3px;}*/
table.agenda tr td table tr td{border: none;}
table.agenda tr td * a{cursor: pointer}
td.t{width: 10px !important;}
div#agendadiv {resize: both;overflow: auto;}
a.nuevafecha,a#refrescar{ cursor: pointer;}
table.salas {width: 100%;margin-left:10px;}
table.salas tr td {width:{{100/ count($array_salas)}}%;min-width: 10%; vertical-align:top;}
table.salas tr td {min-width: 30px;}
div.linea_hora{width: 88%; height: 1px; border-top:1px solid black;margin-left: -10px;position: absolute;margin-top: {{$minuto_actual}}px;z-index: 1000;}
div.linea_hora i{margin-top: -10px;position: absolute;}
div.ticket{float: left;}
div.dia {position: absolute;border-radius: 10px !important;}
div.t44{min-width:3px !important;display:block;width: 50px !important;height: auto !important;font-size: 8px;}
a.tit{text-transform: uppercase;}
td.s0 div{z-index: 400;} 
td.s1 div{z-index: 450;}
td.s2 div{z-index: 500;}
td.s3 div{z-index: 550;}
td.s4 div{z-index: 600;}
td.s5 div{z-index: 650;}
td.s6 div{z-index: 700;}
td.s7 div{z-index: 750;}
td.s8 div{z-index: 800;}
td.s9 div{z-index: 850;}
td.s10 div{z-index: 900;}
td.s11 div{z-index: 950;}
.borrarr{width: 2px; height: 2px;float: right;color:black; background: none; border: none;margin-top:-20px;}
div.hora{position: absolute;background: #ecf0f5;height: 60px; margin-left: -20px; margin-top:-15px;width: 50px;}
div.hora1{color:#ecf0f5; }
div#botones{float: right;width: 150px;height: 30px;}
div#quieto2{margin-top: 10px;}
div#quieto{ margin-left: -30px;padding-left: 2px;z-index: 10000;width: 440px;background: #ecf0f5;margin-top:-110px;}
div#quieto h1 {float: left; margin-top: 20px;font-size: 12px;display: none;}
div#agendadiv{margin-top:50px;}
table.agenda{margin-top: -40px;}
div.card-body{margin-top: -15px;}
 td.s0,td.s1,td.s2,td.s3,td.s4,td.s5,td.s6,td.s7,td.s8,td.s9,td.s10,div.r1,div.dia,div.diaaux,div.dia2,div.none{width:8%;}/* div.r1 */


td.t{width: 10px !important;}

div.t{min-width:3px !important;display:block;width: 28px !important;height: auto !important;font-size: 13px;height: 60px !important;z-index: 999 !important;}

<?php  
if(count($array_salas)>0){
            $width2=90/(count($array_salas)+1.1);
        }else{
            $width2=90;
        }
echo "div.dia {border: 1px solid #fff;height: 60px;display: block; }\n";
echo "div.diaaux {height: 60px;display: block;}\n";
?>

div.r44{background:rgb(205,205,205);}
@media screen and (min-width: 0px) and (max-width: 450px) {
   /*  table.agenda{width: 100% !important;}
    table.agenda ,table.salas{ font-size:10px !important;}
    table.agenda{margin-left:-10px !important;}
    table.agenda tr td{height:10px !important;}
    table.salas{margin-left:0px !important;}
    div.dia,div.diaaux,div.dia2,div.r1,div.none{height:32px !important;}
    table.agenda tr td,table.salas tr td{width: 12px !important;}
  
    td.t{width: 5px !important;}
    td.s0,td.s1,td.s2,td.s3,td.s4,td.s5,td.s6,td.s7,td.s8,td.s9,td.s10,div.dia,div.diaaux,div.dia2,div.r1,div.none{width:29px !important;}
    .card-body{margin-left:0px;}
    div.hora,div.hora1{margin-left:-10px;width: 30px;height: 20px;}
    .content-wrapper{width: 120% !important;}*/
      table.agenda {transform: scale(0.8,0.55);margin-left:20px;resize: vertical;}
     /* table.agenda tr td.t {font-size: 15px; font-family: arial;}*/
      a.tit{margin-top:50% !important;}
  
    div#agendadiv{margin-left:-55px;margin-top:-10px;padding-top:0px;height: 80vh;}
    table.agenda ,table.salas{ font-size:12px !important;}
div#quieto{ margin-left: -30px;padding-left: 2px; margin-top: -155px;z-index: 10000;width: 440px;background: #ecf0f5;}
 table.agenda{margin-top:-440px;}

div.linea_hora{width: 88%; height: 1px; border-top:1px solid black;margin-left: -10px;position: absolute;margin-top: {{$minuto_actual}}px;z-index: 1000;}
div.t{width:18px !important; font-size:13px;}
div.nota{height: 18px !important;width: auto !important;}
}
.nomostrar{display: none;}
.content-wrapper{width: 100%;}
div.nota{position:absolute;display: block; height: 26px;overflow: hidden;z-index: 1000 !important;background: white;width:auto;}
</style>
@endpush
@push('scripts')
<script src="https://cdn.datatables.net/buttons/2.3.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.html5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript">

    <?php  $games="var gamemaster=\"<select id='gamemaster'>";

foreach($gamemaster as $game){
$games.="<option value='".$game->nombre."'>".$game->nombre."</optio>";
}
$games.="</select>\"";
echo $games."\n";
?>
$(document).on('change','#fecha',function(){
    $("#agendaform").submit(); 
});
$(document).on('change','#desde',function(){
    $("#agendaform").submit(); 
});
$(document).on('click','.nuevafecha',function(){
    var valor = $(this).attr('valor');
   // alert(valor)
    $("#fecha").val(valor);
    $("#agendaform").submit(); 
});
$(document).on('click','#nuevoturno',function(){


    //$("#nuevoturnof").submit(); 
});
$(document).on('click','#nuevanota',function(){
  // alert(44)
    //$("#nuevanotaf").submit(); 
});
$(document).on('click','#refrescar',function(){
   refrescar();
});
$(document).on('keyup','#hora_inicio',function(){
    var hora_inicio = $(this).val();
    var arreglofecha = hora_inicio.split(':');
    var hora = arreglofecha[0];
    var minutos = arreglofecha[1];
    hora = parseInt(hora);
    hora++;
    if(hora<10){
        hora="0"+hora;
    }else if(hora==24){
        hora="00";
    }
    var hora_fin =$("#hora_fin").val(hora+":"+minutos);
});


$(document).on('click','.borrarr',function(){
    var result = [];
    var id = $(this).attr('idr');
     result = result.concat(
          id
        )
    swal({

    title: '¿Está seguro de borrar la reserva?',

    text: "¡Una vez eliminado, la acción no se podrá deshacer! ",
    html:"Selecione un Gamemaster"+gamemaster+"<br>Ingrese un comentario<textarea id='observaciones'></textarea><br>Borrar sin calendario <select id='borrarsincalendario' name='borrarsincalendario'><option value='0'>no</option><option value='1'>si</option></select>",

    type: 'warning',

    showCancelButton: true,
showConfirmButton:true,
    confirmButtonColor: '#3085d6',

      cancelButtonColor: '#d33',

      cancelButtonText: 'Cancelar',

      confirmButtonText: 'Si, borrar reserva!'

  }).then((resultado)=>{
    var gamemasterselect=$('#gamemaster').val();
    var obervaciones_txt =$('#observaciones').val();
    var borrarsincalendario =$('#borrarsincalendario').val();
    if(resultado.value){
      if(gamemasterselect==""){
        alert('Seleccione un gamemaster');
      }else{
        if(obervaciones_txt==""){
          alert('Ingrese un comentario')
        }else{
         var gamemasterselect=$('#gamemaster').val();
var obervaciones_txt =$('#observaciones').val();
if(resultado.value){
  if(gamemasterselect==""){
    alert('Seleccione un gamemaster');
  }else{
    if(obervaciones_txt==""){
      alert('Ingrese un comentario')
    }else{
    $.ajaxSetup({
    headers: {
    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
    })
     $.ajax({
    url: url+"/borrar/reserva/"+borrarsincalendario+"/"+obervaciones_txt+"/"+gamemasterselect+"/"+result,
   // data: {ids:result},
    dataType: "json",
    type: "GET",
    success: function(respuesta){
      console.log(respuesta)
      alert("Reserva borrada");
      location.reload();

    },
error:function(respuesta){
      console.log(respuesta)
      alert('No se pudo borrar la reserva, intente sin calendario');
      location.reload();

    }})
     
       //  $('#'+id).submit();

      
    }
  }
}


        }
      }
  }
});
});
function refrescar(){
    var location='agenda?fecha={{$fecha}}&desde={{$desde}}';
    window.location =location
}
function seleccionar(){
     $("#idsalas option"). attr("selected",true);
}
function deseleccionar(){
     $("#idsalas option"). attr("selected",false);
}
//setTimeout(refrescar,300000)
var aguardar=0;
$(document).on('click','input', function(){
aguardar=1
})
$(document).on('click','.ca', function(){

$("#coloresamostrar").show()
})
$(document).on('click','.ca2', function(){

$("#coloresamostrar2").show()
})
var idacambiar=1
var entroprimero=1
var idacambiar2=1
var entroprimero2=1
$(document).on('click','.ca2', function(){


    var background=$('#color').attr('colorbackground')
    var valoranterior=$(this).val()
    var backgroundanterior=$(this).attr('colorbackground')

$('#etiquetacolor').prop('style','background:'+backgroundanterior)
$('#colorelegido').prop('style','background:'+backgroundanterior)
$('#colorselec').prop('style','background:'+backgroundanterior)
$('#cpago').val(backgroundanterior)
var cambiatexto =  $(this).attr('cambiatexto')
var texto =  $(this).attr('texto')
if(cambiatexto==1){
    $('#textoamostrar').val(texto)
}

$("#coloresamostrar").hide()
idacambiar=valoranterior;


})
$(document).on('click','.ca22', function(){


    var background=$('#color').attr('colorbackground')
    var valoranterior=$(this).val()
    var backgroundanterior=$(this).attr('colorbackground')

$('#etiquetacolor2').prop('style','background:'+backgroundanterior)
$('#colorelegido2').prop('style','background:'+backgroundanterior)
$('#colorselec2').prop('style','background:'+backgroundanterior)
$('#cpago2').val(backgroundanterior)

var cambiatexto =  $(this).attr('cambiatexto')
var texto =  $(this).attr('texto')
if(cambiatexto==1){
    $('#textoamostrar2').val(texto)
}
$("#coloresamostrar2").hide()
idacambiar2=valoranterior;


})
</script>
@endpush
@endsection