@extends('admin.admin_dashboard_hipotecario') 
@section('content') 

				
<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">
                <li class="breadcrumb-item"><a href="../home">Home</a></li>
                <li class="breadcrumb-item"><a href="../promociones">Productos</a></li>
                <li class="breadcrumb-item" aria-current="page">Agregar Producto</li>
              </ul>
            </div>
            <div class="col-md-12">
              <div class="page-header-title">
                <h2 class="mb-0">Agregar Producto</h2>
              </div>
            </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"> 
               <form class="smart-form" enctype="multipart/form-data"  method="POST" action="{{ route('producto/save')}}">
                @csrf 
               	
            <div class="container">
    <div class="row mb-3">
        <!-- Banco -->
        <div class="col-md-4">
            <label for="id_banco" class="form-label">Banco</label>
            <select id="id_banco" name="id_banco" class="form-select form-select-sm">
                <option value="0">Seleccione Banco</option>
                @foreach($bancos as $banco)
                    <option value="{{ $banco->id }}">{{ $banco->nombre }}</option>
                @endforeach
            </select>
        </div>

        <!-- Producto -->
        <div class="col-md-8">
            <label for="nombre" class="form-label">Producto</label>
            <input
                type="text"
                class="form-control"
                name="nombre"
                id="nombre"
                placeholder="Producto"
            >
            <small class="text-muted">Descripción del producto</small>
        </div>
    </div>

    <!-- Botones -->
    <div class="row mt-4">
        <div class="col-md-12 d-flex gap-2">
            <a href="{{ route('productos/list') }}" class="btn btn-outline-secondary">
                Regresar
            </a>
            <button type="submit" class="btn btn-primary">
                Agregar Producto
            </button>
        </div>
    </div>
</div>

              </form> 


            </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>
 
      // [ DOM/jquery ] 
 $(document).ready(function()
            {
    ;
                
    }); // FIN DE TABLA
 </script>

@endsection