@extends('admin.layout.master')

@section('content')
    <main>
        <!-- Breadcrumb Area -->
        <div class="breadcrumb-area">
            <h1>Dashboard</h1>
            <ol class="breadcrumb">
                <li class=""><a href="{{ url('/admin') }}"><i class='bx bx-home-alt'
                            style="font-size: 18px;color: #F31519;"></i></a></li>
                <li class=""><a href="{{ url('/admin') }}">Principal </a></li>
                <li class="">&nbsp;&nbsp;/ Otras Operaciones</li>
                <li class="">&nbsp;&nbsp;/ <a href="{{ url('/admin/operaciones/pagoservicios') }}">Pago de
                        servicios</a></li>
            </ol>
        </div>
        <!-- End Breadcrumb Area -->

        <div class="card mb-30">
          <div class="card-header d-flex justify-content-between align-items-center">
            <h3>Registro de Pago</h3>
          </div>
          <div class="card-body">
            <form method="post" action="insertpago.php">
              <div class="form-group row">
                <label for="inputEmail3" class="col-sm-2 col-form-label">Nombre usuario</label>
                <div class="col-sm-5">
                  <input type="hidden" class="form-control" name="iddoce" value="1">
                  <input type="text" class="form-control" name="nombres" placeholder="Nombres completos" value="Juan Pérez" disabled>
                </div>
              </div>
        
              <div class="form-group row">
                <label for="inputPassword3" class="col-sm-2 col-form-label">Servicio</label>
                <div class="col-sm-5">
                  <select class="form-control" name="servicio" required>
                    <option value="">Seleccione</option>
                    <option value="Pago Curso">Pago Curso</option>
                    <option value="Pago Examen">Pago Examen</option>
                    <option value="Pago Certificado">Pago Certificado</option>
                    <option value="Pago Envio Certificado">Pago Envio Certificado</option>
                    <option value="Pago Compra y Envio Certificado">Pago Compra y Envio Certificado</option>
                    <option value="Otros">Otros</option>
                  </select>
                </div>
              </div>
        
              <div class="form-group row">
                <label for="inputPassword3" class="col-sm-2 col-form-label">Nombre Servicio</label>
                <div class="col-sm-5">
                  <input type="text" maxlength="255" class="form-control" name="nomservi" placeholder="Describa nombre del curso, examen, otros" required>
                </div>
              </div>
        
              <div class="form-group row">
                <label for="inputPassword3" class="col-sm-2 col-form-label">Tipo Pago</label>
                <div class="col-sm-5">
                  <select class="form-control" name="tipopago" required>
                    <option value="">Seleccione</option>
                    <option value="Efectivo">Efectivo</option>
                    <option value="Deposito">Deposito</option>
                    <option value="Transferencia">Transferencia</option>
                  </select>
                </div>
              </div>
        
              <div class="form-group row">
                <label for="inputPassword3" class="col-sm-2 col-form-label">Fecha Pago</label>
                <div class="col-sm-5">
                  <input type="date" class="form-control" name="fechapago" required>
                </div>
              </div>
        
              <div class="form-group row">
                <label for="inputPassword3" class="col-sm-2 col-form-label">Monto S/.</label>
                <div class="col-sm-5">
                  <input type="text" maxlength="50" class="form-control" name="monto" placeholder="Monto S/.0.00" required>
                </div>
              </div>
        
              <div class="form-group row">
                <label for="inputPassword3" class="col-sm-2 col-form-label">Banco</label>
                <div class="col-sm-5">
                  <select class="form-control" name="banco" required>
                    <option value="">Seleccione</option>
                    <option value="Banco Credito del Peru">Banco Credito del Peru</option>
                    <option value="Banco Interbank">Banco Interbank</option>
                    <option value="Banco de la Nacion">Banco de la Nacion</option>
                    <option value="Banco BBVA Continental">Banco BBVA Continental</option>
                    <option value="Banco Scotiabank">Banco Scotiabank</option>
                  </select>
                </div>
              </div>
        
              <div class="form-group row">
                <label for="inputPassword3" class="col-sm-2 col-form-label">Num. Operación</label>
                <div class="col-sm-5">
                  <input type="text" maxlength="50" class="form-control" name="numope" placeholder="Número de Operación" required>
                </div>
              </div>
        
              <div class="form-group row">
                <label for="inputPassword3" class="col-sm-2 col-form-label">Observaciones</label>
                <div class="col-sm-5">
                  <textarea class="form-control" name="comenta" rows="5" placeholder="Escriba alguna observación"></textarea>
                </div>
              </div>
        
              <div class="form-group row">
                <label for="inputPassword3" class="col-sm-2 col-form-label">Fecha Registro</label>
                <div class="col-sm-5">
                  <input type="date" class="form-control" name="fechareg" value="2024-08-15" required readonly>
                </div>
              </div>
        
              <div class="form-group row">
                <label for="inputPassword3" class="col-sm-2 col-form-label">Usuario Registro</label>
                <div class="col-sm-5">
                  <input type="text" class="form-control" name="useregi" placeholder="Usuario Registro" value="Admin User" required readonly>
                </div>
              </div>
        
              <div class="form-group row">
                <div class="offset-sm-3 col-sm-10">
                  <button type="submit" class="btn btn-primary"><i class="bx bx-save"></i> Registrar</button>
                  <a href="{{url('/admin/operaciones/pagoservicios')}}" class="btn btn-danger"><i class="bx bx-share"></i> Cancelar</a>
                </div>
              </div>
            </form>
          </div>
        </div>
        
    </main>
@endsection