@extends('layouts.app')

@section('content')
<div class="container">
    <h3>Datos Cliente</h3>
    {!! Form::model($expense,['route' => ['expenses.update',$expense], 'method' => 'put']) !!}
    @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-4">
                <label for="foliofiscal">Folio</label>
                <input type="text" class="form-control" id="foliofiscal" name="foliofiscal" value="{{ $expense->foliofiscal }}" readonly>
            </div>
            <div class="col-sm-8">
                <label for="razonsocial">Razon Social</label>
                <input type="text" class="form-control" id="razonsocial" name="razonsocial" value="{{ $expense->razonsocial }}" readonly>
            </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="{{ $expense->foliointerno }}" readonly>
            </div>
            <div class="col-sm-4">
            <label for="total">Total $</label>
                <input type="text" class="form-control" id="total" name="total" value="{{ $expense->total }}" readonly>
            </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="{{ $expense->fechaemision }}" autocomplete="autocomplete" readonly>
            </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="{{ $expense->usocfdi }}" readonly>
            </div>
            <div class="col-sm-4">
                <label for="metodopago">Metodo Pago</label>
                <input type="text" class="form-control" id="metodopago" name="metodopago" value="{{ $expense->metodopago }}" readonly>
            </div>
            <div class="col-sm-4">
                <label for="formapago">Forma Pago</label>
                <input type="text" class="form-control" id="formapago" name="formapago" value="{{ $expense->formapago }}" readonly>
            </div>
        </div>
        <div class="row pb-3">
            <div class="col-sm-4">
                <label for="estatus">Estatus</label>
                {{ Form::select('estatus', $estatusegresos, $expense->estatus ,['id' => 'estatus','placeholder' => 'Seleccionar','class' => "form-control"]) }}
            </div>
            <div class="col-sm-4">
                <label for="estatus">Condiciones Pago</label>
                {{ Form::select('condicionpago', $condicionespago, $expense->condicionpago ,['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="{{ $expense->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="{{ $expense->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="{{ $expense->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="{{ $expense->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="{{ $expense->nomovimiento }}" autocomplete="autocomplete">
            </div>
            <div class="col-sm-4 pt-5">
                <label for="documentos">Documentos: </label>
                <a href='{{ asset("documents/$expense->documentid") }}' download>XML</a>
            </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" >{{ $expense->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">{{ $expense->observaciones }}</textarea>
            </div>
        </div>
        
        {{ Form::submit('Actualizar 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'
    });
    
    

    
});

</script>
@endpush