@extends('adminlte::page')

@section('content_header')
{{--    <h1>--}}
{{--        Baixas--}}
{{--    </h1>--}}
@stop

@section('content')
    <div id="msgAquisicaoView">

    </div>
    <div class="box-header with-border" style="padding: 0; margin-bottom: 0;">
        <div class="row">
            <div class="col-md-12">
                <div class="box box-widget widget-user bg-yellow" style="margin-bottom: 0;">
                    <div class="widget-user-header bg-light-blue-active">
                        <h3 class="widget-user-username">Baixas</h3>
                        <h5 class="widget-user-desc">Cadastro e Edição de Baixas</h5>
                    </div>
                    <div class="widget-user-image" style="z-index: 1;">
                        <img class="img-circle" src="{{ asset('img/baixas128.png') }}" alt="User Avatar">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="box no-border box-primary" style="padding-top: 30px;">
        <div class="box-header with-border">
            <div class="box-tools pull-right">
                <button type="button" class="btn btn-primary" onclick="baixa_view.nova();">
                    <i class="fa fa-file"></i>
                    Nova Baixa
                </button>
{{--                <button type="button" class="btn btn-primary" onclick="mdLocalizarAquisicao.chamarModal();">--}}
{{--                    <i class="fa fa-search"></i>--}}
{{--                    Localizar Baixa--}}
{{--                </button>--}}
            </div>
        </div>
        <div class="box-body no-border form-horizontal">
            <fieldset  style="padding: 10px 10px 10px 10px; margin-top: 0;">
                <legend class="txt-cinza" style="padding: 3px 15px 3px 15px;"><b>DADOS DO DISPOSITIVO</b></legend>

                <div class="form-group">
                    <label for="DISPOSITIVO_SELECIONADO" class="col-sm-3 control-label">Dispositivo</label>
                    <div class="col-sm-9">
                        <div class="input-group">
                            <span class="input-group-btn">
                                <button type="button" class="btn btn-primary" onclick="mdSelecionarDispositivo.chamarModal();">
                                    <i class="fa fa-search"></i>
                                </button>
                                <button type="button" class="btn btn-primary" onclick="baixa_view.deselecionarDispositivo();">
                                    <i class="fa fa-times"></i>
                                </button>
                            </span>
                            <input type="text" id="DISPOSITIVO_SELECIONADO" name="DISPOSITIVO_SELECIONADO" class="form-control" readonly="readonly">
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <label for="LOTE_SELECIONADO" class="control-label col-sm-3">Lote</label>
                    <div class="col-sm-9">
                        <div class="input-group">
                            <span class="input-group-btn">
                                <button type="button" class="btn btn-primary" onclick="mdSelecionarLote.chamarModal();">
                                    <i class="fa fa-search"></i>
                                </button>
                                <button type="button" class="btn btn-primary" onclick="baixa_view.deselecionarLote();">
                                    <i class="fa fa-times"></i>
                                </button>
                            </span>
                            <input type="text" id="LOTE_SELECIONADO" name="LOTE_SELECIONADO" class="form-control" disabled="disabled">
                        </div>

                    </div>
                </div>
            </fieldset>

            <fieldset  style="padding: 0 10px 20px 10px; margin-top: 0;">
                <legend class="txt-cinza" style="padding: 3px 15px 3px 15px;"><b>HISTÓRICO DE BAIXAS</b></legend>
                <div class="table-responsive col-xs-12" id="divTabelaBaixasAnteriores">

                </div>
            </fieldset>

            <fieldset  style="padding: 0 10px 20px 10px; margin-top: 10px;">
                <legend class="txt-cinza" style="padding: 3px 15px 3px 15px;"><b>NOVA BAIXA</b></legend>
                <div class="col-xs-4">
                    <label for="BAIXA_TIPO">Tipo de Baixa</label>
                    <select id="BAIXA_TIPO" name="BAIXA_TIPO" class="form-control">
                        <option value=""></option>
                        @foreach( $tiposBaixa as $tb )
                        <option value="{{ $tb->COLUNA_ID }}">{{ $tb->DESCRICAO }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-xs-4">
                    <label for="BAIXA_DATA">Data da Baixa</label>
                    <input type="date" id="BAIXA_DATA" name="BAIXA_DATA" class="form-control">
                </div>

                <div class="col-xs-4">
                    <label for="ITEM_BAIXA_QUANTIDADE">Quantidade da Baixa</label>
                    <input type="text" id="ITEM_BAIXA_QUANTIDADE" name="ITEM_BAIXA_QUANTIDADE" class="form-control">
                </div>

                <div class="col-xs-12">
                    <label for="BAIXA_OBS">Observação</label>
                    <textarea id="BAIXA_OBS" name="BAIXA_OBS" class="form-control" rows="5"></textarea>
                </div>
            </fieldset>
        </div>
        <div class="box-footer">
            <div class="col-xs-12">
                <button type="button" class="btn btn-primary pull-right" onclick="baixa_view.salvarBaixa();">
                    <i class="fa fa-save"></i>
                    Salvar baixa
                </button>
            </div>
        </div>
    </div>

    <script src="{{ asset('js/baixa/baixa_view.js') }}?v={{ Config::get('versao') }}" defer></script>

{{--    @include('baixa.mdSelecionarItemAquisicao')--}}
    @include('dispositivo.mdSelecionarDispositivo')
    @include('lote.mdSelecionarLote')
@stop