@extends('layouts.dashboard')

@section('add-css')

@endsection

@section('title')
	Claves y Mails de todos los clientes
@endsection


@section('content')

<div class="card card-shadow">

	<div class="card-header">
		<div class="card-title">
			<form action="{{ route('clavesmails.save') }}" method="POST" class="form-horizontal" enctype="multipart/form-data" role="form" id="store-receipt">
			@csrf
			<div class="col row">
			  	<div class="col-sm-5">
			        <div class="form-group" >
			          <label for="claves_details">
			            Buscar empresa
			          </label>
			          <div class="client-div">
			            <input class="form-control" id="claves_details" name="client_name"
			            autocomplete="off"
			            value="">
			            <ul></ul>
			          </div>

			          <input type="hidden" id="person_id" name="person_id"
			          value="1">
			          <input type="hidden" id="route-person-list" name="no-use"
			           value="{{ route('clavesmails.search') }}">
			        </div>
			    </div>
			</div>
			</form>

			<input type="hidden" id="route-refresh-list"
			  	value="{{ route('clavesmails.getListByClaves', ['person_id' => '&person_id']) }}">
			<input type="hidden" id="route-refresh-list-mails"
				value="{{ route('clavesmails.getListByMails', ['person_id' => '&person_id']) }}">

			<input type="hidden" id="create-route" value="{{ route('clavesmails.create', ['person_id' => '&person_id']) }}">

			<div id ="alertsFlag"></div>
			<div class="bs-example" data-title="">
				<div class="btn-group" role="group">
					@foreach ($claves_mails as $value)
						<a href="{{ route('data.index', ['id'=>$value->class]) }}"
			 				 class="btn btn-primary " id="type_id_{{ $value->class}}">
							 <input type="hidden" value="{{ $value->class}}"/>
							 <span >{{ $value->class_description }}</span>
			 			</a>
					@endforeach
				</div>
			</div>


				@php $tabC=''; $x=0; @endphp
				@foreach ($allData as $key => $list)
					@php $x++; @endphp
					@if($tabC!=$list->class)
						@if($x!=1)
							</ul>
						@endif
						@php $x++; @endphp
						<ul class="nav nav-tabs" id="myTab{{ $list->class}}" role="tablist">
						@php $tabC=$list->class @endphp
					@endif

						<li class="nav-item {{ ($x==1)?'active':'' }}">
							<a class="nav-link " id="data-{{$list->class}}-tab" data-toggle="tab"
							 href="#data-tab{{$list->class}}" role="tab" aria-controls="{{$list->class}}"
								aria-selected="{{ ($x==1)?'true':'false' }}"
								>{{$list->description}}</a>
						</li>
				@endforeach
				@if($tabC)
						</ul>
				@endif
		</div>
	</div>

	<div class="card-body">

		<!-- <div class="tab-content" id="tab-content-ot"> -->
		<div class="tab-content">
			@foreach ($allData as $key => $list)
			 <div class="tab-pane {{ ($x==1)?'active':'' }}" id="data-tab{{$list->class}}"
					role="tabpanel" aria-labelledby="{{$list->class}}-tab">
				 @include($list->path)
			 </div>
			@endforeach
		</div>
		<div id ="responseJS">

	</div>

@endsection

@section('links')

@endsection


@section('add-js')
	<script src="{{ asset('js/admin/informacion/index.js') }}"></script>
	<script src="{{ asset('js/admin/informacion/claves_listado.js') }}"></script>
	<script src="{{ asset('js/admin/informacion/mails_listado.js') }}"></script>





@endsection