@extends('layout.main')
@section('content')
@if ($data)
    <div class="sixteen wide tablet sixteen wide computer column ">
        <div class="ui segment">
            
            <h4 class="ui dividing header teal centered">DETALLE DE EGRESO REGISTRADO</h4>
            
            <div class="ui warning message">
                <div class="ui equal width grid">
                    <div class="row" style="padding-bottom: 0px !important">
                        <div class="sixteen wide mobile seven wide tablet  five wide computer column message_header">Personal que registro el egreso :</div>
                        <div class="sixteen wide mobile nine wide tablet  eleven wide computer column">{{ ucwords(mb_strtolower($data->usuario->nombres)) }} {{ ucwords(mb_strtolower($data->usuario->apellidos)) }} ({{ $data->usuario->username }})</div>
                    </div>
                    <div class="row" style="padding-bottom: 0px !important">
                        <div class="sixteen wide mobile seven wide tablet  five wide computer column message_header">Fecha que se registro el egreso :</div>
                        <div class="sixteen wide mobile nine wide tablet  eleven wide computer column">{{ ucwords(mb_strtolower($data->created_at)) }}</div>
                    </div>
                    <div class="row" style="padding-bottom: 0px !important">
                        <div class="sixteen wide mobile seven wide tablet  five wide computer column message_header">Local donde se registro el egreso :</div>
                        <div class="sixteen wide mobile nine wide tablet  eleven wide computer column">{{ $data->local->nombre }} ({{ ucwords(mb_strtolower($data->local->direccion)) }})</div>
                    </div>
                </div>
            </div>    

            <div class="ui success message">
                <div class="ui equal width grid">
                    <div class="row" style="padding-bottom: 0px !important">
                        <div class="sixteen wide mobile six wide tablet three wide computer column message_header">Tipo de Egreso :</div>
                        <div class="sixteen wide mobile ten wide tablet  thirteen wide computer column">{{ $data->tipo_egreso }}</div>
                    </div>
                    <div class="row" style="padding-bottom: 0px !important">
                        <div class="sixteen wide mobile six wide tablet three wide computer column message_header">Concepto de egreso :</div>
                        <div class="sixteen wide mobile ten wide tablet  thirteen wide computer column">{{ $data->concepto }}</div>
                    </div>
                    <div class="row" style="padding-bottom: 0px !important">
                        <div class="sixteen wide mobile six wide tablet three wide computer column message_header">Descripcion :</div>
                        <div class="sixteen wide mobile ten wide tablet  thirteen wide computer column">{{ $data->descripcion }}</div>
                    </div>
                </div>
            </div>

            <div class="ui info message">
                <div class="ui equal width grid">
                    <div class="row" style="padding-bottom: 0px !important">
                        <div class="sixteen wide mobile six wide tablet three wide computer column message_header">Tipo de Comprobante :</div>
                        <div class="sixteen wide mobile ten wide tablet  thirteen wide computer column">{{ $data->tipo_comprobante }}</div>
                    </div>
                    <div class="row" style="padding-bottom: 0px !important;">
                        <div style="text-align: right; "class="sixteen wide mobile six wide tablet three wide computer column message_header">Numero de Comprobante :</div>
                        <div class="sixteen wide mobile ten wide tablet  thirteen wide computer column">{{ $data->numero_comprobante }}</div>
                    </div>
                    <div class="row" style="padding-bottom: 0px !important">
                        <div class="sixteen wide mobile six wide tablet three wide computer column message_header">Monto de Egreso :</div>
                        <div class="sixteen wide mobile ten wide tablet  thirteen wide computer column">{{ $data->monto }}</div>
                    </div>
                </div>
            </div>


            <div class="form_footer" >
                <a class="ui small left  floated default button" href="{{ URL::previous() }}"><i class="arrow left icon"></i>REGRESAR</a>
                <a class="ui small right floated red button btn_anular" data-id="{{$data->id_egreso}}"><i class="times icon"></i>Anular Egreso</a>
            </div>  

        </div>
    </div>

 
    <!--start register modal -->
    <div class="ui small basic modal" id="register_modal">
        <div class="ui icon header"><i class="check circle icon"></i>Anular Egreso</div>
        <div class="content" style="text-align: center; font-size: 16px">
          <p>¿Esta seguro que quiere anular esta egreso?</p>
        </div>
        <div class="actions">
            <div class="ui red basic cancel inverted button" title="Haga clic para salir"><i class="remove icon"></i>Cancelar</div>
            <div class="ui green ok inverted button" title="Haga clic para registrar"> <i class="checkmark icon"></i>Anular</div>
        </div>
    </div>
    <!--end register modal -->

 @else
    <div class="sixteen wide tablet fifteen wide computer column ">
        <div class="ui segment">
            <h3 class="ui header black centered">No se puede realizar esta accion</h3>
        </div>
    </div>    
@endif

@stop

@section('scripts')
    <script src="{{ asset('js/egreso/detalles.js') }}"></script>
@stop