@extends('layout.mainlayout')

@section('content')

@component('components.breadcrumb')
@slot('title1') Usuários @endslot
@slot('title2') Cadastrar @endslot
@endcomponent

<div class="row">
	<div class="col-lg-12">
		<div class="card">
			<div class="card-body">
				@component('components.backbutton',['route' => 'usuarios.cadastro.index'])@endcomponent
				<form class="js-register-post" method="post" action="{{ route('usuarios.cadastro.store') }}">
					@csrf
					<div class="input-group mb-3">
						<span class="input-group-addon bg-white"><i class="fa fa-user w-4 text-muted-dark"></i></span>
						<input type="text" name="name" class="form-control" placeholder="Nome">
					</div>
					<div class="input-group mb-4">
						<span class="input-group-addon bg-white"><i class="fa fa-envelope  text-muted-dark w-4"></i></span>
						<input type="text" name="email" class="form-control" placeholder="E-mail">
					</div>
					<div class="input-group mb-4">
						<span class="input-group-addon bg-white"><i class="fa fa-unlock-alt  text-muted-dark w-4"></i></span>
						<input type="password" name="password" class="form-control" placeholder="Senha">
					</div>
					<div class="row">
						<div>
							<a href="#" onclick="$('.js-register-post').submit();" class="btn btn-app btn-primary btn-block px-4">
								<i class="fa fa-save"></i>
								<span>Salvar</span>
							</a>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

@endsection
@section('scripts')
@include('layout.partials.footer-datatable-scripts')
<script>
	$('#discount').mask('##0.00', {reverse: true});
	$('#responsive-datatable1').dataTable({
		language: {
			url: "{{ URL::asset('assets/libs/datatable/pt-br.json') }}",
			searchPlaceholder: 'Pesquisar...',
			scrollX: "100%",
			sSearch: '',
		}
	});
	$('#responsive-datatable-supervisors').dataTable({
		language: {
			url: "{{ URL::asset('assets/libs/datatable/pt-br.json') }}",
			searchPlaceholder: 'Pesquisar...',
			scrollX: "100%",
			sSearch: '',
		}
	});
	$('#responsive-datatable-suppliers').dataTable({
		language: {
			url: "{{ URL::asset('assets/libs/datatable/pt-br.json') }}",
			searchPlaceholder: 'Pesquisar...',
			scrollX: "100%",
			sSearch: '',
		}	
	});

	$(document).ready(function(){
		$('#divSupervisedUsers').hide();
		$('#divSuppliers').hide();
		
		$('#type').on('change',function(){
			$("input[id^='supplier_id_']").each(function(){
				$(this).prop('checked',false);
			});
			
			$("input[id^='supervised_users_id_']").each(function(){
				$(this).prop('checked',false);
			});
			
			var val = $(this).val();
			if(val == 'supervisor'){
				$('#divSuppliers').hide();
				$('#divSupervisedUsers').show();				
			}
			else if(val == 'supplier'){
				$('#divSupervisedUsers').hide();
				$('#divSuppliers').show();
			}
			
		});
	});
</script>
@endsection