ini_set('display_errors','Off'); 
 $id_notaria=$_GET['id_n'];
  $id_banco_l=$_GET['id_b'];
  ?>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <link rel="stylesheet" href="csscss/reserva.css">

         
        <script type='text/javascript'>

            var dates = ["15-04-2022" , "16-04-2022",  "17-04-2022", "23-04-2022", "24-04-2022" , "30-04-2022" , "01-05-2022" , "07-05-2022" , "08-05-2022" , "14-05-2022" , "15-05-2022" , "21-05-2022" , "22-05-2022" , "28-05-2022" , "29-05-2022"];


            function DisableDates(date) {
                var string = jQuery.datepicker.formatDate('dd-mm-yy', date);
                return [dates.indexOf(string) == -1];
            }



            $(document).ready(function(){

                $('#txtDate').datepicker({
                    dateFormat: "dd-mm-yy",
                    maxDate:'+1m +10d',
                    beforeShowDay: DisableDates,
                    minDate: '21-11-2024'

                });

            });
 
        </script>
        
    





 <script type='text/javascript'>
$(document).ready(function(){

 $('#txtDate').datepicker({
  dateFormat: "dd-mm-yy",
  maxDate:'+1m +10d',
  beforeShowDay: $.datepicker.noWeekends,
  minDate: ''

 });

});
 
</script>
 <script type="text/javascript">
 var disabledSpecificDays = ["7-04-2020"];
 
function disableSpecificDaysAndWeekends(date) {
  var m = date.getMonth();
  var d = date.getDate();
  var y = date.getFullYear();
 
  for (var i = 0; i < disabledSpecificDays.length; i++) {
    if ($.inArray((m + 1) + '-' + d + '-' + y, disabledSpecificDays) != -1 || new Date() > date) {
      return [false];
    }
  }
 
  var noWeekend = $.datepicker.noWeekends(date);
  return !noWeekend[0] ? noWeekend : [true];
}

</script>

<script type='text/javascript'>
$(document).ready(function(){

 //$('#txtDate').datepicker({
  //dateFormat: "dd-mm-yy",
  //maxDate:'+1m +10d',
  //beforeShowDay: $.datepicker.noWeekends,
  //minDate: '21-11-2024'

// });

$('#txtDate').datepicker({ 
  beforeShowDay: disableSpecificDaysAndWeekends,
  dateFormat: "dd-mm-yy",
  minDate: '21-11-2024' });

});
 
</script>
 <script>
 $.datepicker.regional['es'] = {
 closeText: 'Cerrar',
 prevText: '< Ant',
 nextText: 'Sig >',
 currentText: 'Hoy',
 monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
 monthNamesShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'],
 dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
 dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
 dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
 weekHeader: 'Sm',
 dateFormat: 'dd/mm/yy',
 firstDay: 1,
 isRTL: false,
 showMonthAfterYear: false,
 yearSuffix: ''
 };
 $.datepicker.setDefaults($.datepicker.regional['es']);


</script>

<style>
    .ui-datepicker-header{background: orange!important}
</style>


  <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'> 
<link rel="stylesheet" href="csscss/style_formnew.css">
<div class="container ext11"   style="width: 851px;">
<div class="stepwizard ext12"  >
    <div class="stepwizard-row setup-panel">
        <div class="stepwizard-step">
            <a href="#step-1" type="button" class="btn btn-primary btn-circle">1</a>
            <p>Servicio</p>
        </div>
         <div class="stepwizard-step">
            <a href="#step-2" type="button" class="btn btn-default btn-circle" disabled="disabled">2</a>
            <p>Funcionario</p>
        </div>
        <div class="stepwizard-step">
            <a href="#step-3" type="button" class="btn btn-default btn-circle" disabled="disabled">3</a>
            <p>Horas Disponibles</p>
        </div>
        <div class="stepwizard-step">
            <a href="#step-4" type="button" class="btn btn-default btn-circle" disabled="disabled">4</a>
            <p>Datos Requeridos</p>
        </div>
         <div class="stepwizard-step">
            <a href="#step-5" type="button" class="btn btn-default btn-circle" disabled="disabled">5</a>
            <p>Finalizar</p>
        </div>
    </div>
</div>

<div>
    <style type="text/css">
        
        .left{float: left;width: 47%;margin-right: 3%;}
        .top{margin-top: 1.5%;}
        .but{float: right;margin-right: 8%;margin-top: 2%;width: 13%;}
    </style>
    <script type="text/javascript">
        
        function validateForm() {
  var a = document.forms["myForm"]["_rut"].value;
  if (a == "" || a == null) {
    alert("Debe completar el Rut");
    return false;
  }}
    </script>
    <script>
function validateForm() {
        
  var x = document.forms["myForm"]["fecha_r"].value;
  if (x == "") {
    alert("Debe indicar la Fecha");
    return false;
  }
}


</script>

    <form method="POST" action="step2.new.php?id_n=&id_b=" name='myForm' onsubmit="return validateForm()">

        <div class="left ext13">
     <div class="form-group form1" style="width: 100%;">

        <label style="margin-top: 3%;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';">
Ingrese su rut </label>
      <input  type="text"   name="_rut" class="form-control iguardar4" onblur="checkFields(this)"  required /> 
      
    </div> 
<div class="form-group form1" style="width: 100%;">
      <label class="cl">Seleccione el servicio</label>
      <select class="cl form-control" id="selectionOne" required="required" name="servicio">
        <option selected="true" disabled="disabled"  value="">Seleccione un Servicio</option>
            </select>
  </div>

      </select>
  </div>


<!-- partial -->

<div class="left top ext13">
     <div class="form-group form1 " style="width: 100%;">
       <label class="cl">Seleccione la fecha</label>
    <input class="cl form-control" style="border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;" 
    type="text" name="fecha_r" id="txtDate" readonly placeholder="haga click aqui" required></input>
      
    </div>

  <script  
  src="js/script_select.js"></script>
      </select>
  </div>
<button style="background-color: #337ab7;
border-color: #337ab7;" class="but btn btn-success ext14" type="submit" class="btn btn-success">Siguiente</button>

</form>
<script src="jquery.min.js"></script>
<script  
  src="js/rut.js"></script>