<div class="row">
  <div class="page-wrapper chiller-theme toggled">
    <nav id="sidebar" class="sidebar-wrapper">
      <menu-admin name={{name}}></menu-admin>
      <link-exit></link-exit>
    </nav>

    <main class="page-content">
      <div class="container-fluid justify-content-md-center">

        <form novalidate name="sellerForm" ng-submit="submeter()">
          <div class="row form-login">
            <div class="col">
              <p ng-show="mensagem.length" class="alert alert-info">{{mensagem}}</p>
              <h4>Alterar Seller</h4>
            </div>
          </div>

          <div class="row">
            <div class="col-md-5">
              <input type="text" class="form-control" placeholder="Razão Social" ng-model="seller.name" ng-maxlength="200" readonly>
            </div>
            <div class="col-md-3">
              <input type="text" class="form-control" placeholder="CNPJ" ng-model="seller.cnpj" ng-maxlength="100" readonly>
            </div>
            <div class="col-md-2">
              <input type="text" class="form-control" placeholder="Nome da Doca VTEX" ng-model="seller.warehouseId" ng-maxlength="50" readonly>
            </div>
          </div>

          <div class="row form-login">
            <div class="col">
              <h4>Dados Bancários</h4>
            </div>
          </div>

          <div class="row">
            <div class="col-md-2">
              <input type="text" class="form-control" placeholder="Agência" required ng-model="seller.agency" ng-maxlength="50">
            </div>
            <div class="col-md-3">
              <input type="text" class="form-control" placeholder="Número da Conta" required ng-model="seller.accountNumber" ng-maxlength="50">
            </div>
            <div class="col-md-3">
              <input type="text" class="form-control" placeholder="Banco" required ng-model="seller.bank" ng-maxlength="50">
            </div>
            <div class="col-md-2">
              <select class="form-control" required ng-model="seller.accountType">
                <option>Corrente</option>
                <option>Poupança</option>
              </select>
            </div>
          </div>

          <div class="row form-login">
            <div class="col">
              <h4>Endereço Principal</h4>
            </div>
          </div>

          <div class="row">
            <div class="col-md-5">
              <input type="text" class="form-control" placeholder="Rua/Avenida" required ng-model="seller.street" ng-maxlength="200">
            </div>
            <div class="col-md-2">
              <input type="text" class="form-control" placeholder="Número" required ng-model="seller.numberAdress" ng-maxlength="10">
            </div>
            <div class="col-md-3">
              <input type="text" class="form-control" placeholder="Complemento" ng-model="seller.complementAdress" ng-maxlength="50">
            </div>
          </div>

          <div class="row mt-4">
            <div class="col-md-3">
              <input type="text" class="form-control" placeholder="Bairro" required ng-model="seller.neighborhood" ng-maxlength="100">
            </div>
            <div class="col-md-4">
              <input type="text" class="form-control" placeholder="Cidade" required ng-model="seller.city" ng-maxlength="100">
            </div>
            <div class="col-md-3">
              <input type="text" class="form-control" placeholder="Estado" required ng-model="seller.state" ng-maxlength="100">
            </div>

          </div>

          <div class="row mt-4">
            <div class="col-md-3">
              <input type="text" class="form-control" placeholder="CEP" required ng-model="seller.postalCode" ng-maxlength="50" cep-dir>
            </div>
            <div class="col-md-3">
              <input type="text" class="form-control" placeholder="Telefone" id="telefone" name="telefone" required ng-model="seller.phone" ng-maxlength="15" phone-dir>
            </div>
            <div class="col-md-4">
              <input type="text" class="form-control" placeholder="Responsável/Diretor" required ng-model="seller.boss" ng-maxlength="100">
            </div>
          </div>

          <div class="row mt-4">
            <div class="col-md-7">
              <input type="email" class="form-control" placeholder="E-mail" required ng-model="seller.email" ng-maxlength="100">
            </div>
            <div class="col-md-3">
              <input type="text" class="form-control" placeholder="WhatsApp" required ng-model="seller.whatsapp" ng-maxlength="50" phone-dir>
            </div>
          </div>

          <div class="form-group mt-5">
            <button type="submit" class="btn btn-success mr-4" ng-disabled="sellerForm.$invalid">Salvar Alterações</button>
            <a href="#/details-seller/{{ seller.id }}" class="btn btn-outline-primary">Voltar</a>
          </div>

        </form>

      </div>
    </main>

  </div>

</div>
