@extends('template')
@section('content')
<div class="m-grid__item m-grid__item--fluid m-wrapper">
	<!-- BEGIN: Subheader -->
	<div class="m-subheader ">
		<div class="d-flex align-items-center">
			<div class="mr-auto">
				<h3 class="m-subheader__title m-subheader__title--separator">Vendedores</h3>
				@if (Session::has('message'))
				<script>
					toastr.success("{{ Session::get('message') }}");
				</script>
				@endif
				<ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
					<li class="m-nav__item m-nav__item--home">
						<a href="#" class="m-nav__link m-nav__link--icon">
							<i class="m-nav__link-icon la la-home"></i>
						</a>
					</li>
					<li class="m-nav__separator">-</li>
					<li class="m-nav__item">
						<a href="" class="m-nav__link">
							<span class="m-nav__link-text">Comercial</span>
						</a>
					</li>
					<li class="m-nav__separator">-</li>
					<li class="m-nav__item">
						<a href="" class="m-nav__link">
							<span class="m-nav__link-text">Vendedores</span>
						</a>
					</li>
				</ul>
			</div>
			<span class="m-subheader__daterange" id="m_dashboard_daterangepicker">
				<span class="m-subheader__daterange-label">
					<span class="m-subheader__daterange-title"></span>
					<span class="m-subheader__daterange-date m--font-brand"></span>
				</span>
				<a href="#" class="btn btn-sm btn-brand m-btn m-btn--icon m-btn--icon-only m-btn--custom m-btn--pill">
					<i class="la la-angle-down"></i>
				</a>
			</span>
		</div>
	</div>
	<!-- END: Subheader -->
	<div class="m-content">
		<div class="m-portlet m-portlet--mobile">
			<div class="m-portlet__head">
				<div class="m-portlet__head-caption">
					<div class="m-portlet__head-title">
						<h3 class="m-portlet__head-text">
							Listagem
						</h3>
					</div>
				</div>
				<div class="m-portlet__head-tools">
					<ul class="m-portlet__nav">
						<li class="m-portlet__nav-item">
							<a href="{{ url('/createformcliente') }}" class="btn btn-primary m-btn m-btn--pill m-btn--custom m-btn--icon m-btn--air">
								<span>
									<i class="flaticon-file-1"></i>
									<span>Novo registro</span>
								</span>
							</a>&nbsp;
							<a href="{{ url('#') }}" class="btn btn-info m-btn m-btn--pill m-btn--custom m-btn--icon m-btn--air">
								<span>
									<i class="fa fa-boxes">
									</i>
									<span>Últimas movimentações</span>
								</span>
							</a>
						</li>
						<li class="m-portlet__nav-item"></li>
						<li class="m-portlet__nav-item">
							<div class="m-dropdown m-dropdown--inline m-dropdown--arrow m-dropdown--align-right m-dropdown--align-push" m-dropdown-toggle="hover" aria-expanded="true">
								<a href="#" class="m-portlet__nav-link btn btn-lg btn-secondary  m-btn m-btn--icon m-btn--icon-only m-btn--pill  m-dropdown__toggle">
									<i class="la la-ellipsis-h m--font-brand"></i>
								</a>
								<div class="m-dropdown__wrapper">
									<span class="m-dropdown__arrow m-dropdown__arrow--right m-dropdown__arrow--adjust"></span>
									<div class="m-dropdown__inner">
										<div class="m-dropdown__body">
											<div class="m-dropdown__content">
												<ul class="m-nav">
													<li class="m-nav__section m-nav__section--first">
														<span class="m-nav__section-text">Filtro de Registros</span>
													</li>
													<li class="m-nav__item">
														<a href="{{ url('/statusoperacionalcoleta/0') }}" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-list-2"></i>
															<span class="m-nav__link-text">Todos</span>
															@csrf
														</a>
													</li>
													<li class="m-nav__item">
														<a href="{{ url('/statusoperacionalcoleta/1') }}" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-open-box"></i>
															<span class="m-nav__link-text">Ativos</span>
														</a>
													</li>
													<li class="m-nav__item">
														<a href="{{ url('/statusoperacionalcoleta/2') }}" class="m-nav__link">
															<i class="m-nav__link-icon flaticon-clipboard"></i>
															<span class="m-nav__link-text">Inativos</span>
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="m-portlet__body">
				<!--begin: Datatable -->
				<div class="table-responsive">
					<table class="table table-striped- table-bordered table-hover table-checkable" id="tableGeral">
                        <thead>
                          <tr role="row">
                            <th class="dt-middle" style="width: 10px;">
                          </th>
                          <th>Cod</th>
                          <th>Razão/Cnpj</th>
                          <th>Cidade/Cep</th>
                          <th>Contato/Fone</th>
                          <th>E-Mail</th>
                          <th>Comercial</th>
                          <th>Status</th>
                          <th>Ações</th>
                        </tr>
                        </thead>
                  <tbody>
          @if(count($dados) > 0)
          @foreach($dados as $return)
          <tr role="row" class="odd">
              <td>
                  <center><a href="{{ route('showvendedor', $return->id) }}" class="btn btn-outline-info m-btn m-btn--icon m-btn--icon-only m-btn--pill" title="Visualizar documento" data-target="#VC" data-cod="{{ $return->id }}" data-vCad="" data-tipo="" data-vCad="" data-verCad="" id="btnVerCadastro_{{ $return->id }}"><i class="fa flaticon-folder-1"></i></a></center>
              </td>
              <td>{{ $return->id }}</td>
              <td>
                  <span class="m-card-user__name">{{ $return->razao }}</span><br>
                  <span class="mm-card-user__email m-link" style="font-size: 12px; color: gray;">{{ $return->cnpj }}</span><br>
                  <span class="mm-card-user__email m-link" style="font-size: 12px; color: gray;">{{ $return->endereco }}, {{ $return->numero }}</span>
              </td>
              <td>
                  <span class="m-card-user__name">{{ $return->cidade }} - {{ $return->uf }}</span><br>
                  <span class="m-card-user__email m-link" style="font-size: 12px; color: gray;">{{ $return->cep }}</span>
              </td>
              <td>
                  <span class="m-card-user__name">{{ $return->contato }}</span><br>
                  <span class="m-card-user__email m-link" style="font-size: 12px; color: gray;">{{ $return->telefone }}</span>
              </td>
              <td>
                  <span class="m-card-user__name" style="text-align: left;">{{ $return->email }}</span>
              </td>
              <td>
                  <span class="m-card-user__name" style="text-align: left;">0 - VENDEDOR</span><br>
                  <span class="m-card-user__email m-link" style="font-size: 12px; color: gray;">EMAIL@EMAILVENDEDOR.COM.BR</span>
              </td>
              <td>
                  @if($return->status == 'NULL' || $return->status == "" || $return->status == "0")
                      <span style='width: 70px;' class='m-badge m-badge--danger m-badge--wide btn-block'>INATIVO</b></span>
                  @else
                      <span style='width: 70px;' class='m-badge m-badge--success m-badge--wide btn-block'>ATIVO</b></span>
                  @endif
              </td>
              <td style="text-align: left; width: 110px;">
                          <!--Monta linha botao edicao -->
                          <a href="{{ route('editformvendedor', $return->id) }}" class="m-portlet__nav-link btn m-btn m-btn--hover-accent m-btn--icon m-btn--icon-only m-btn--pill" title="Editar" data-target="#CA" data-cod="{{ $return->id }}" data-nCte="" data-tipo="" data-nProt="" data-statusCte="" id="btnCteEditar_{{ $return->id }}"><i class="fa flaticon-edit-1"></i></a>
                          <a href="javascript:;" class="m-portlet__nav-link btn m-btn m-btn--hover-brand m-btn--icon m-btn--icon-only m-btn--pill" title="Imprimir" data-cod="{{ $return->id }}" data-nCte="" data-tipo="" data-nProt="" data-statusCte="" id="btnCteImprimir_{{ $return->id }}"><i class="fa flaticon-technology"></i></a>
                          <form id="formDeleteVendedor_{{ $return->id }}" style="display: inline-block;" method="POST" action="/deleteformvendedor/{{$return->id}}">
                              <input type="hidden" name="acDelete" value="delete_id">
                              <input type="hidden" name="acDeleteDate" value="2026-05-27">
                                @csrf
                                @method("DELETE")
                              <button onclick="return false" id="btnDeleteVendedor_" data-id="{{ $return->id }}" data-descricao="{{ $return->razao }}" class="m-portlet__nav-link btn m-btn m-btn--hover-danger m-btn--icon m-btn--icon-only m-btn--pill" title="Excluir"><i class="flaticon-delete"></i></button>
                          </form>
                          </td>
                          </tr>
                      @endforeach
                      @endif
                        </tbody>
                      </table>
					<script src="/vendors/timeline-2/js/index.js"></script>
				</div>
				{!! $dados->links() !!}
			</div>
		</div>
	</div>
</div>
<!-- END EXAMPLE TABLE PORTLET-->
@endsection