@extends('adminlte::page')

{{--@section('title', 'SISOP')--}}

@section('content_header')
{{--    <h1>--}}
{{--        Cadastro de Transmitentes--}}
{{--    </h1>--}}
@stop

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

    </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">Transmitentes / Fornecedores</h3>
                        <h5 class="widget-user-desc">Cadastro e Edição de Transmitentes</h5>
                    </div>
                    <div class="widget-user-image" style="z-index: 1;">
                        <img class="img-circle bg-light-blue-active" src="{{ asset('img/fornecedor128.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">
            <fieldset  style="padding: 10px 10px 10px 10px; margin-top: 0;">
                <div class="box-tools pull-right">
                    <button type="button" class="btn btn-primary btn-flat" onclick="transmitente_view.inserirTransmitente();">
                        <i class="fa fa-save"></i>
                        Salvar Transmitente
                    </button>
                    <button type="button" class="btn btn-primary btn-flat" onclick="transmitente_view.listarTransmitentes();">
                        <i class="fa fa-table"></i>
                        Listar Transmitentes
                    </button>
                </div>
            </fieldset>
        </div>
        <div class="box-body no-border form-horizontal">
            <fieldset  style="padding: 0 10px 20px 10px; margin-top: 0;">
                <legend class="txt-cinza"><b>DADOS DO TRANSMITENTE</b></legend>
                <div class="form-group">
                    <label for="TRANSMITENTE_ID" class="control-label col-sm-3">Id</label>
                    <div class="col-sm-1">
                        <input type="text" id="TRANSMITENTE_ID" name="TRANSMITENTE_ID" class="form-control" autocomplete="off" disabled="disabled" value="{{ $transmitenteId }}">
                    </div>
                </div>

                <div class="form-group">
                    <label for="TRANSMITENTE_CPF_CNPJ" class="col-sm-3 control-label">CPF / CNPJ</label>
                    <div class="col-sm-3">
                        <input type="text" id="TRANSMITENTE_CPF_CNPJ" name="TRANSMITENTE_CPF_CNPJ" class="form-control" autocomplete="off" maxlength="14">
                    </div>
                </div>

                <div class="form-group">
                    <label for="TRANSMITENTE_NOME" class="col-sm-3 control-label">NOME</label>
                    <div class="col-sm-9">
                        <input type="text" id="TRANSMITENTE_NOME" name="TRANSMITENTE_NOME" class="form-control" autocomplete="off" maxlength="250">
                    </div>
                </div>

                <div class="form-group">
                    <label for="TRANSMITENTE_ATIVO" class="col-sm-3 control-label">Ativo</label>
                    <div class="col-sm-9">
                        <div class="checkbox checkbox-primary">
                            <input id="TRANSMITENTE_ATIVO" type="checkbox" class="styled">
                            <label for="TRANSMITENTE_ATIVO"></label>
                        </div>
                    </div>
                </div>

            </fieldset>

            <fieldset  style="padding: 0 10px 10px 10px; margin-top: 10px;">
                <legend class="txt-cinza"><b>CONTATOS</b></legend>
                <div class="form-group">
                    <label for="CONTATO_TRANSMITENTE_TIPO" class="col-sm-3 control-label">Tipo de Contato</label>
                    <div class="col-sm-9">
                        <select id="CONTATO_TRANSMITENTE_TIPO" name="CONTATO_TRANSMITENTE_TIPO" class="form-control">
                            <option value=""></option>
                            @foreach( $tiposContato as $tipoContato )
                                <option value="{{ $tipoContato->COLUNA_ID }}">{{ $tipoContato->DESCRICAO }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="form-group">
                    <label for="CONTATO_TRANSMITENTE_CONTEUDO" class="col-sm-3 control-label">Número do Contato</label>
                    <div class="col-sm-9">
                        <div class="input-group">
                            <input type="text" id="CONTATO_TRANSMITENTE_CONTEUDO" name="CONTATO_TRANSMITENTE_CONTEUDO" class="form-control" autocomplete="off" maxlength="50">
                            <span class="input-group-btn">
                                    <button title="Adicionar contato" type="button" class="btn btn-primary btn-flat" onclick="transmitente_view.adicionarContato();">
                                        <i class="fa fa-plus"></i>
                                    </button>
                                </span>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <label for="" class="col-sm-3 control-label">Contatos</label>
                    <div class="col-sm-9 table-responsive" id="divTabelaContatosTransmitente">

                    </div>
                </div>
            </fieldset>
        </div>
        <div class="box-footer no-padding">
            <div id="divTabelaTransmitentes" class="table-responsive">

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

    <script src="{{asset('js/transmitente/transmitente_view.js')}}?v={{Config::get('versao')}}" defer></script>
@stop