@extends('layouts.app')

@section('content')
<div class="container">
    <h3>Crear Cuenta x Pagar</h3>
    {!! Form::open(['route' => 'expenses.store']) !!}
    @csrf

    @if ($errors->any())

        <div class="alert alert-danger">

            <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>

            <ul>

                @foreach ($errors->all() as $error)

                    <li>{{ $error }}</li>

                @endforeach

            </ul>

        </div>

    @endif

    @if (Session::has('success'))

        <div class="alert alert-success">

            <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>

            <p>{{ Session::get('success') }}</p>

        </div>

    @endif
        <div class="row pb-3">
            <div class="col-sm-8">
                <label for="razonsocial">Razon Social</label>
                <input type="text" class="form-control" id="razonsocial" name="razonsocial" value="{{ old('razonsocial') }}" >
            </div>
        </div>
        <div class="row pb-3">
            <div class="col-sm-4">
                <label for="foliointerno">Folio Interno</label>
                <input type="text" class="form-control" id="foliointerno" name="foliointerno" value="{{ old('foliointerno') }}" >
            </div>
            <div class="col-sm-4">
            <label for="total">Total $</label>
                <input type="text" class="form-control" id="total" name="total" value="{{ old('total') }}" >
            </div>
            <div class="col-sm-4">
                <label for="fechaemision">Fecha de emisión</label>
                <input type="text" class="form-control" id="fechaemision" name="fechaemision" value="{{ old('fechaemision') }}" autocomplete="autocomplete">
            </div>
           
        </div>
        <div class="row pb-3">
            <div class="col-sm-4">
                <label for="usocfdi">Uso CFDI</label>
                <input type="text" class="form-control" id="usocfdi" name="usocfdi" value="{{ old('usocfdi') }}" >
            </div>
            <div class="col-sm-4">
                <label for="metodopago">Metodo Pago</label>
                <input type="text" class="form-control" id="metodopago" name="metodopago" value="{{ old('metodopago') }}" >
            </div>
            <div class="col-sm-4">
                <label for="formapago">Forma Pago</label>
                <input type="text" class="form-control" id="formapago" name="formapago" value="{{ old('formapago') }}" >
            </div>
        </div>
        <div class="row pb-3">
            <div class="col-sm-4">
                <label for="estatus">Estatus</label>
                {{ Form::select('estatus', $estatusegresos, null ,['id' => 'estatus','placeholder' => 'Seleccionar','class' => "form-control"]) }}
            </div>
            <div class="col-sm-4">
                <label for="estatus">Condiciones Pago</label>
                {{ Form::select('condicionpago', $condicionespago, null ,['id' => 'condicionpago','placeholder' => 'Seleccionar','class' => "form-control"]) }}
            </div>
            <div class="col-sm-4">
                <label for="enviopago">Fecha envio a pagos</label>
                <input type="text" class="form-control" id="enviopago" name="enviopago" value="{{ old('enviopago') }}" autocomplete="autocomplete">
            </div>
        </div> 
        <div class="row pb-3">
            <div class="col-sm-4">
                <label for="fechasugerida">Fecha sugerida pago</label>
                <input type="text" class="form-control" id="fechasugeridapago" name="fechasugeridapago" value="{{ old('fechasugeridapago') }}" autocomplete="autocomplete">
            </div>
            <div class="col-sm-4">
                <label for="fechapago">Fecha Pago</label>
                <input type="text" class="form-control" id="fechapago" name="fechapago" value="{{ old('fechapago') }}" autocomplete="autocomplete">
            </div>
            <div class="col-sm-4">
                <label for="fechabanco">Fecha Deposito</label>
                <input type="text" class="form-control" id="fechabanco" name="fechabanco" value="{{ old('fechabanco') }}" autocomplete="autocomplete">
            </div>
        </div>
        <div class="row pb-3">
            <div class="col-sm-4">
                <label for="nomovimiento">No Movimiento</label>
                <input type="text" class="form-control" id="nomovimiento" name="nomovimiento" value="{{ old('nomovimiento') }}" autocomplete="autocomplete">
            </div>
            <div class="col-sm-4 pt-5">
              
            </div>
        </div>
        <div class="row pb-3">
            <div class="col-sm-6">
                <label for="descripcion">Descripcion</label>
                <textarea rows="4" cols="50" class="form-control" id="descripcion" name="descripcion" value="{{ old('descripcion') }}"></textarea>
            </div>
            <div class="col-sm-6">
                <label for="observaciones">Observaciones</label>
                <textarea rows="4" cols="50" class="form-control" id="observaciones" name="observaciones" value="{{ old('observaciones') }}"></textarea>
            </div>
        </div>
        
        {{ Form::submit('Agregar Egreso', ['class' => 'btn btn-success']) }}
        {!! Form::close() !!}

    
</div>
@stop
@push('scripts')
<script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"> defer</script>
<script src="https://cdn.datatables.net/buttons/1.0.3/js/dataTables.buttons.min.js"></script>
<script src="{{ asset('js/bootstrap-datepicker.min.js') }}"></script>
<script src="{{ asset('locales/bootstrap-datepicker.es.min.js') }}"></script>
<script>
var tblClients;
$( document ).ready(function() {
   
    $('#fechasugeridapago').datepicker({
        format: 'yyyy-mm-dd',
        language: 'es'
    });

    $('#fechapago').datepicker({
        format: 'yyyy-mm-dd',
        language: 'es'
    });

    $('#fechabanco').datepicker({
        format: 'yyyy-mm-dd',
        language: 'es'
    });

    $('#fechaemision').datepicker({
        format: 'yyyy-mm-dd',
        language: 'es'
    });

    $('#enviopago').datepicker({
        format: 'yyyy-mm-dd',
        language: 'es'
    });
    
});

</script>
@endpush