@extends('base')



@section('main')

@push('stylesheets')

<style type="text/css">

  tr.cancelada td {background: #ccc}

</style>

@endpush

<div class="row">



<div class="col-sm-12 offset-sm-2">



    <div style="padding-top: 15px">



      @include('message')



    </div>



    <h1 class="display-3">Reservas Borradas</h1>



   

    @if($id_tipo>0)

    <div style="float: right;">

<form method="get" action="{{ route('reservaborrada')}}" id="reservaform">

    <select name="id_franquicia" id="id_franquicia">

      <option value="">Seleccione una Franquicia</option>

      @foreach($franquicias as $franquicia)

      <option value="{{$franquicia->id}}" {{($id_franquicia==$franquicia->id)?"selected":""}}>{{$franquicia->name}}</option>

      @endforeach

    </select>



   <!--  <select name="nombresala" id="nombresala">

       <option value="">Seleccione una sala</option>

      @foreach($salas as $sala)

      <option value="{{$sala->nombre}}" {{($nombresala==$sala->nombre)?"selected":""}}>{{$sala->nombre}}</option>

      @endforeach
-->
 <input type="date" name="fechainicio" value="{{$fechainicio}}" id="fechainicio">
      <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>

    <button class="btn btn-primary" type="submit">Filtrar</button></form></div>

    @endif

  <table class="" id="tablaregistrosreserva" >



    <thead>



        <tr class="t">

          <th>ID</th>

      

          



        <th>Fecha</th>

        <th>Hora</th>

        <th >Nombre</th>

        <th>Telefono</th>

                  <th>Sala</th>

        <th>Cantidad</th>

        <th>Precio</th>

       <!-- <th>Ip</th>-->

          <th ></th>

        </tr>

    </thead>



    <tbody>



        @foreach($reservas as $reserva)

         @if(($id_tipo==1 or $id_tipo==10) and $reserva->bloqueada==1)

         



   <tr class="d" style="background:#ccc;">





       

        <td class="b"><input name="ids[]" type="checkbox" class="myCheckBox" value="{{$reserva->id}}" ><span class="m">Id: </span>{{$reserva->id}}</td>

        <?php if($id_tipo==1 or $id_tipo==10){

         //   echo "<td>".$reserva->usuario->url."</td>";

          }

        ?>

       



<td class="b" ><span class="m">Fecha: </span>{{date('d-m-Y',strtotime($reserva->fecha))}}</td>

<td class="b"><span class="m">Hora: </span>{{substr($reserva->hora_inicio,0,5)}}</td>

<td  class="b"><span class="m">Nombre: </span>{{$reserva->nombre}}</td>

<td><a title="{{$reserva->telefono}}">{{$reserva->aux_telefono}}</a></td>

        <td  class="b"><span class="m">Sala: </span>{{$reserva->sala}}</td>

<td>{{$reserva->cantidad}}</td>

<td>{{$reserva->precio}}</td>

<!--<td>{{$reserva->ip}}</td>-->

           <td colspan="2"  class="b p">



             


            </td>



        </tr>

@elseif($reserva->bloqueada==1)

@else

   <tr style="background: {{isset($reserva->tiporeserva->color)?$reserva->tiporeserva->color:"";}};color:{{isset($reserva->tiporeserva->letra)?$reserva->tiporeserva->letra:"";}};" class="d">





       

        <td class="b"><!--<input name="ids[]" type="checkbox" class="myCheckBox" value="{{$reserva->id}}" >--><span class="m">Id: </span>{{$reserva->id}}</td>

        <?php if($id_tipo==1 or $id_tipo==10){

          //  echo "<td>".$reserva->usuario->url."</td>";

          }

        ?>

       



<td  class="b"><span class="m">Fecha: </span>{{date('d-m-Y',strtotime($reserva->fecha))}}</td>

<td class="b"><span class="m">Hora: </span>{{substr($reserva->hora_inicio,0,5)}}</td>

<td  class="b"><span class="m">Nombre: </span>{{$reserva->nombre}}</td>

<td><a title="{{$reserva->telefono}}">{{$reserva->aux_telefono}}</a></td>

        <td  class="b"><span class="m">Sala: </span>{{$reserva->sala}}</td>

<td>{{$reserva->cantidad}}</td>

<td>{{$reserva->precio}}</td>

<!--<td>{{$reserva->ip}}</td>-->

           <td colspan="2"  class="b p">


<a href="{{ route('reserva.verborrada',[$reserva->id,$id_franquicia,$fechainicio,$fecha])}}" class="btn btn-primary">Ver</a>

            

            </td>



        </tr>



@endif



        @endforeach



    </tbody>



  </table>



<div>



</div>

<div id="cancelar" class="modal fade" role="dialog">







  <div class="modal-dialog modal-lg">







    <div class="modal-content">

  

       <div class="modal-header" style="background:#3c8dbc; color:white">







          <button type="button" class="close" data-dismiss="modal">&times;</button>







          <h4 class="modal-title">Cancelar Reserva</h4>







        </div>

          <div class="modal-body">



          <div class="box-body">

           <div class="col-sm-12">

  <form id="cancelacion" action="{{ route('reserva.cancelar')}}" method="get">

    <input type="hidden" name="id_reserva" id="id_reserva" value="">

              <textarea class="form-control" type="text" name="motivo" id="motivo" maxlength="255" rows="5" cols="130" placeholder="Motivo">



              </textarea>

</form>

            </div>

          </div></div>

            <!--=====================================



      PIE DEL MODAL



      ======================================-->



  



      <div class="modal-footer">



  



      <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Salir</button>



  



      <button type="submit" class="btn btn-primary" id="enviarcancelacion">Cancelar Reserva</button>



  



      </div>





</div></div></div>
@push('stylesheets')
<style type="text/css">
  .m{display: none;}
#tablaregistrosreserva tr {border-bottom:4px solid #fff !important;}
table.dataTable {  border-collapse:collapse}
@media screen and (min-width: 0px) and (max-width: 450px) {
  .m{display: inline; font-weight: bold;}
tr.d {border-bottom:5px solid #fff !important; margin-bottom: 2px;}
tr.d td{display: none;}
tr.d td.m{display: inline;}
tr.d td.b{display: block;}
tr.t th{display: none;}
tr.t th.m{display: inline; border: none;}
table#tablaregistrosreserva {width: 100% !important;}
  }
</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">

var borrarsincalendario=0;

 $(document).on("click", "#borrar", function(){
var texto="";
var id = $(this).attr("idborrar");
if($('#sincalendario').prop('checked')){
  $('.sincalendarios').val(1);
   texto="Asegurese de borrar las reservas en Google calendar"
}else{
   $('.sincalendarios').val(0);
   texto=""
}

  swal({

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

    text: "¡Una vez eliminado, la acción no se podrá deshacer! "+texto,

    type: 'warning',

    showCancelButton: true,

    confirmButtonColor: '#3085d6',

      cancelButtonColor: '#d33',

      cancelButtonText: 'Cancelar',

      confirmButtonText: 'Si, borrar reserva!'

  }).then(function(result){



    if(result.value){

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

    }



  });



});

  $(document).on("click", "#enviarcancelacion", function(){

var motivo = $("#motivo").val();

if(!motivo){

  alert('Ingrese un motivo')

}else{

   $('#cancelacion').submit();

   $("#motivo").val('');

}



});

$(document).on("click", ".cancelarreserva", function(){

  var id_reserva = $(this).attr("idreserva");

   $('#id_reserva').val(id_reserva);

});

$(document).on('click','.nuevafecha',function(){

    var valor = $(this).attr('valor');
    var valor2 =$("#fechainicio").val();
   // alert(valor)
    $("#fecha").val(valor);
    $("#fechainicio").val(valor2);
    $("#reservaform").submit(); 

});
$(document).ready( function () {
  $('#tablaregistrosreserva').DataTable({ 
     dom: 'Bfrtip',
        buttons: [
            'excel',
        ]
  ,
    "responsive": false,
    "ordering": false,
    "deferRender": true,
    "retrieve": true,
    "iDisplayLength": 50,
    "language": {
      "url": "{{ asset('json/Spanish.json')}}"
    }
  });
});

var entro=0;
function marcar() {
  if(entro%2==0){
  $(".myCheckBox").attr('checked', true);
  }else{
    $(".myCheckBox").attr('checked', false);
  }
  entro++;
}
function borrar(){
   var result = [];
   var cantidad=0;
   var texto="";
  $('input[type=checkbox].myCheckBox:checked').each(function() {
    result = result.concat(
           $(this).val()
        )
    cantidad++
  });
if($('#sincalendario').prop('checked')){
  borrarsincalendario=1;
  texto="Asegurese de borrar las reservas en Google calendar"
}else{
  borrarsincalendario=0;
  texto="";
}
  swal({

    title: '¿Está seguro de borrar las '+cantidad+' reservas?',

    text: "¡Una vez eliminado, la acción no se podrá deshacer! "+texto,

    type: 'warning',

    showCancelButton: true,

    confirmButtonColor: '#3085d6',

      cancelButtonColor: '#d33',

      cancelButtonText: 'Cancelar',

      confirmButtonText: 'Si, borrar reserva!'

  }).then(function(result2){



    if(result2.value){




  $.ajaxSetup({
  headers: {
  'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  }
  })
   $.ajax({
  url: url+"/borrar/reserva/"+borrarsincalendario+"/"+result,
 // data: {ids:result},
  dataType: "json",
  type: "GET",
  success: function(respuesta){
    console.log(respuesta)
    alert(respuesta["mensaje"]);
    location.reload();

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

    }



  });

  //console.log(result)
}


</script>

@endpush



@endsection