
<?php $__env->startSection('presupuesto','active'); ?>
<?php $__env->startSection('content'); ?>

<style type="text/css">
   .header{
        /* background-color: #F5F5F5; */
        background: rgba(147, 149, 152, 0.2);
    }
    .breadcrumb li a{
        font-family: 'Inter';
        font-style: normal;
        font-weight: 300;
        font-size: 13px;
        line-height: 16px;
        color: #000000;
        text-decoration: none !important;
    }
    .breadcrumb li.active a{
        font-weight: 400 !important;
    }
    
    .titulo{
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 42px;
        line-height: 51px;
        color: #131313;
    }
    
    label.form-label{
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 30px;
        color: #333333;
    }
    
    .custom-file-button input[type=file]::-webkit-file-upload-button {
        display: none;
    }
    .custom-file-button input[type=file]::file-selector-button {
        display: none;
    }
    .custom-file-button:hover label {
        cursor: pointer;
    }
    
    .custom-file-button label{
        background: #F38130;
        border-radius: 0px;
        
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        /*font-size: 18px;*/
        /*line-height: 30px;*/
        color: #FFFFFF;
        
        /*border-top:1px solid #838383;*/
        /*border-left:1px solid #838383;*/
        /*border-bottom:1px solid #838383;*/
    }
    
    input, textarea{
        background: #FFFFFF !important;
        border: 1px solid rgba(79, 79, 79, 0.3) !important;
        border-radius: 0px !important;
    }
    
    textarea{
        resize: none;
    }
    button.enviar{
        background: #F38130;
        border: 1px solid #F38130 !important;
        border-radius: 0px !important;
        font-family: 'Inter';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0.03em;
        text-transform: capitalize;
        color: #FFFFFF;
    }

    button.enviar:hover{
        background-color: #FFF  !important;
        color: #F38130 !important;
    }
    
    @media  screen and (min-width: 992px){
        .menu > .container-fluid{
            align-items: flex-end !important;
        }
    }
</style>

<div class="header">
    <div class="container" class="mb-5">
        <nav class="breadcrumb-menu pb-3" style="--bs-breadcrumb-divider: '|';" aria-label="breadcrumb" style="color: #2B2E39;">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="<?= route('home') ?>">Inicio</a></li>
                <li class="breadcrumb-item active" aria-current="page"><a href="<?= route('presupuesto') ?>">Solicitud de Presupuesto</a></li>
            </ol>
        </nav>
        <h1 class="titulo pb-4">Solicitud de Presupuesto</h1>
    </div>
</div>

<div class="container p-md-3 px-md-5">
    <div class="row" id="success">
         <?php if(session()->has('success')): ?>
            <div class="col-12">
                <div class="alert alert-success">
                    <?php echo e(session()->get('success')); ?>

                </div>
            </div>
        <?php endif; ?>
    </div>
    <form class="row g-3 px-md-5 py-md-3 mt-4" enctype="multipart/form-data" method="POST" action="<?php echo e(route('formPresupuesto')); ?>">
        <?php echo csrf_field(); ?>
        <div class="col-md-6 col-sm-12 mb-md-4">
            <label for="nombre" class="form-label">Nombre y apellido*</label>
            <input type="text" class="form-control" id="nombre" required="required" name="nombre">
        </div>
        <div class="col-md-6 col-sm-12 mb-md-4">
            <label for="email" class="form-label">E-mail*</label>
            <input type="email" class="form-control" id="email" name="email" required="required">
        </div>
        <div class="col-md-6 col-sm-12 mb-md-4">
            <label for="telefono" class="form-label">Tel&eacute;fono</label>
            <input type="text" class="form-control" id="telefono" name="telefono">
        </div>
        <div class="col-md-6 col-sm-12 mb-md-4">
            <label for="empresa" class="form-label">Empresa</label>
            <input type="text" class="form-control" id="empresa" name="empresa">
        </div>
        <div class="col-md-6 col-sm-12 mb-md-4">
            <label for="producto" class="form-label">Producto a consultar*</label>
            <?php if($producto != []){ ?>
                <input type="text" class="form-control" id="producto" name="producto" required="required" value="<?= $producto->nombre ?>">
            <?php } else { ?>
                <input type="text" class="form-control" id="producto" name="producto" required="required">
            <?php } ?>
        </div>
        <div class="col-md-6 col-sm-12">
            <label for="inputGroupFile" class="form-label">Archivo</label>
            <div class="input-group custom-file-button">
                <input type="file" class="form-control" id="inputGroupFile" name="archivo">
                <label class="input-group-text" for="inputGroupFile">Adjuntar</label>
            </div>
        </div>
        <div class="col-md-12 col-sm-12">
            <label for="mensaje" class="form-label">Mensaje*</label>
            <textarea class="form-control" id="mensaje" rows="3" required="required" name="mensaje"></textarea>
        </div>
        <div class="col-md-12 col-sm-12">
            
        </div>
        <div class="col-md-12 col-sm-12 my-md-5">
            <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                <button type="submit" class="btn btn-primary w-100 enviar">Solicitar presupuesto</button>
            </div>
        </div>
    </form>
</div>

<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>

    $(document).ready(function(){
    });
        
    });
</script>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.plantilla', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/d11osolecom/public_html/grupohelmont/resources/views/front/presupuesto.blade.php ENDPATH**/ ?>