@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">Materiais Transportados</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">Materiais Transportados</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 width="20"></th>
                                <th width="5">Cod</th>
                                <th>Descrição</th>
                                <th>Observações</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('showmateriaistransportados', $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->descricao }}</span><br>
                </td>
                <td>
                    <span class="m-card-user__name">{{ $return->observacoes }}</span><br>
                </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('editformmateriaistransportados', $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="formDeleteMateriaisTransportados_{{ $return->id }}" style="display: inline-block;" method="POST" action="/deleteformmateriaistransportados/{{$return->id}}">
                                <input type="hidden" name="acDelete" value="delete_id">
                                <input type="hidden" name="acDeleteDate" value="2026-05-28">
                                    @csrf
                                    @method("DELETE")
                                <button onclick="return false" id="btnDeleteMateriaisTransportados_{{ $return->id }}" data-id="{{ $return->id }}" data-descricao="{{ $return->descricao }}" 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