@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">Cidades Atendidas</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">Cidades Atendidas</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>Cidade/UF</th>
                            <th>Tipo/Ibge</th>
                            <th>Prazo(dias)</th>
                            <th>Filial</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('showcidadesatendidas', $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->cidade }}</span><br>
                              <span class="mm-card-user__email m-link" style="font-size: 12px; color: gray;">{{ $return->uf }}</span><br>
                            </td>
                            <td>
                              <span class="m-card-user__name">{{ $return->cidade }} - {{ $return->tipo }}</span><br>
                              <span class="m-card-user__email m-link" style="font-size: 12px; color: gray;">{{ $return->codigo_ibge }}</span>
                            </td>
                            <td>
                              <span class="m-card-user__name">{{ $return->prazo }}</span><br>
                            </td>
                            <td>
                              <span style='width: 70px;' class='m-badge m-badge--secondary m-badge--wide btn-block'>{{ $return->filial }}</b></span>
                            </td>
                            <td>
                              @if($return->status == 'NULL' || $return->status == "" || $return->status == "0")
                              <span id="statusCidade_{{ $return->id }}" style='width: 70px;' class='m-badge m-badge--danger m-badge--wide btn-block'>INATIVO</b></span>
                              @else
                              <span id="statusCidade_{{ $return->id }}" 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('editformcidadesatendidas', $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>
                              <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                @if($return->status =="1")
                                  <span onmouseup="ativarDesativarAtendimentoCidade('{{ $return->id }}', '{{ $return->status }}')" class='m-switch m-switch--sm m-switch--icon' title='Desativar Atendimento'>
                                    <label>&nbsp;
                                      <input type='checkbox' checked id="AtivoInativo_{{ $return->id }}" name='AtivoInativo'><span></span></label></span>
                                @else
                                  <span onmouseup="ativarDesativarAtendimentoCidade('{{ $return->id }}', '{{ $return->status }}')" class='m-switch m-switch--sm m-switch--icon' title='Ativar Atendimento'>
                                    <label>&nbsp;
                                      <input type='checkbox' unchecked id="AtivoInativo_{{ $return->id }}" name='AtivoInativo'><span></span></label></span>
                                @endif
                                  <span></span>
                                </label>
                              </span>
                            </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