@extends('admin.admin_dashboard')
@section('content')
<link rel="stylesheet" href="{{ URL::asset('css/plugins/datepicker-bs5.min.css')}}">

        
<div class="pc-container">
    <div class="pc-content">
      <!-- [ breadcrumb ] start -->
      <div class="page-header">
        <div class="page-block">
          <div class="row align-items-center">
            <div class="col-md-12">
              <ul class="breadcrumb mb-3"> 
                <h2 class="breadcrumb-item" aria-current="page">Promociones vigentes</h2>
              </ul>
            </div> 
          </div>
        </div>
      </div>
      <!-- [ breadcrumb ] end -->

      <!-- [ Main Content ] start -->
      <div class="row">
        <!-- [ sample-page ] start -->
        <div class="col-sm-12">
          <div class="card">
            <div class="card-body"> 
                
              <div class="row"> 
                 




             <div class="col-md-6 col-xl-4">
              <h5>COMPETENCIA CLAVADOS 2025 - 4 ABRIL</h5>
              <hr> 
              <div class="pc-component">
                <div class="card mb-3">
                  <img class="img-fluid card-img-top" src="images/competencias/competencia_1.png"
                    alt="Card image cap">
                  <div class="card-body">
                    <h5 class="card-title">COMPETENCIA 4 Agosto 2025</h5> 

                    <p class="card-text">Fecha de inicio:  06-Apr-2025</p> 

                    <p class="card-text">Fecha de término: 06-Apr-2025</p> 

                     
                  </div>
                </div>
              </div>
            </div> 

            <div class="col-md-6 col-xl-4">
              <h5>COMPETENCIA CLAVADOS 2025 - 5 ABRIL</h5>
              <hr> 
              <div class="pc-component">
                <div class="card mb-3">
                  <img class="img-fluid card-img-top" src="images/competencias/competencia_1.png"
                    alt="Card image cap">
                  <div class="card-body">
                    <h5 class="card-title">COMPETENCIA 4 Agosto 2025</h5> 

                    <p class="card-text">Fecha de inicio:  06-Apr-2025</p> 

                    <p class="card-text">Fecha de término: 06-Apr-2025</p> 

                     
                  </div>
                </div>
              </div>
            </div> 


<div class="col-md-6 col-xl-4">
              <h5>COMPETENCIA CLAVADOS 2025 - 6 ABRIL</h5>
              <hr> 
              <div class="pc-component">
                <div class="card mb-3">
                  <img class="img-fluid card-img-top" src="images/competencias/competencia_1.png"
                    alt="Card image cap">
                  <div class="card-body">
                    <h5 class="card-title">COMPETENCIA 4 Agosto 2025</h5> 

                    <p class="card-text">Fecha de inicio:  06-Apr-2025</p> 

                    <p class="card-text">Fecha de término: 06-Apr-2025</p> 

                     
                  </div>
                </div>
              </div>
            </div> 




            

               

             </div>

        
            
        


            </div>
          </div>
        </div>
        <!-- [ sample-page ] end -->
      </div>
      <!-- [ Main Content ] end -->
    </div>
  </div>

          <!-- DOM/Jquery table end -->
<!--main--> 

    <!-- datatable Js --> 
 
<style> 
.ui-datepicker-calendar {
    display: none;
    }
</style>
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="{{ URL::asset('js/plugins/jquery.dataTables.min.js')}}"></script>
<script src="{{ URL::asset('js/plugins/dataTables.bootstrap5.min.js')}}"></script>
<script src="{{ URL::asset('js/plugins/dataTables.responsive.min.js')}}"></script>
<script src="{{ URL::asset('js/plugins/responsive.bootstrap5.min.js')}}"></script>
<script src="{{ URL::asset('js/plugins/datepicker-full.min.js')}}"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>  
  
  <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.min.js"></script>
 
 
    <script>

       $("#fecha_ini").datepicker( {   
    todayBtn: "linked", 
            keyboardNavigation: false,
            forceParse: false, 
            autoclose: true
});  

        $("#fecha_fin").datepicker( {   
    todayBtn: "linked", 
            keyboardNavigation: false,
            forceParse: false, 
            autoclose: true
});  

         $("#fecha_firmar").datepicker( {   
    todayBtn: "linked", 
            keyboardNavigation: false,
            forceParse: false, 
            autoclose: true
});  
      // [ DOM/jquery ] 
 $(document).ready(function()
            {
    ;
                
    }); // FIN DE TABLA
 </script>

@endsection