@extends('layouts.app')

@section('template_title')
    Fault Category
@endsection

@section('content')
<div class="row justify-content-center" style="margin-top:1em">
    <div class="col-10">
        <div class="card shadow p-3 mb-5 bg-body rounded">
            <div class="row justify-content-center" style="margin-top:0em;margin-bottom:0em;padding:0em">
                <div class="col-12" align="center" style="color:#222222;font-family:Soho Std;font-size:2.2em">
                    Categorías de faltas
                </div>
            </div>
            <hr/>
            <div class="card-body" style="padding:0em 2em 2em 2em">
                @if($type == "Administrador" || $type ==  "Subadministrador" || $type == "Capturista General" || $type == "Capturista Socioeconomico")
                    <div class="row justify-content-center">
                        <div class="col-12" style="" align="right">
                        <a class="text-primary" href="{{ route('fault-categories.create') }}" style="cursor: pointer;text-decoration: none;font-size:1.2em;font-weight:bold">
                            Nuevo
                        </a>
                        </div>
                    </div>
                @endif
                    <div class="row justify-content-center" style="margin-top:0.2em">
						<div class="col-12 table-responsive">
							<table id="table_info"  class="table table-bordered" style="">
								<thead>
								<tr>
									<th>Categorías</th>
                                    @if($type == "Administrador" || $type ==  "Subadministrador")
                                    <th></th><th></th><th></th>
                                    @elseif($type == "Capturista General" || $type == "Capturista Socioeconomico")
                                    <th></th><th></th>
                                    @endif
                                </tr>
                                </thead>
                                <tbody>
                                    @foreach ($faultCategories as $faultCategory)
											<td>{{ $faultCategory->name }}</td>
                                            @if($type == "Administrador" || $type ==  "Subadministrador")
                                                <form  class="delete" action="{{ route('fault-categories.destroy',$faultCategory->id) }}" method="POST">
                                                    <th> <a class="text-info" href="{{ route('fault-categories.show',$faultCategory->id) }}" style='padding:0em 0.3em;text-decoration:none;font-weight:bold;'> Ver</a>
                                                    </th>
                                                    <th> <a class="text-success" href="{{ route('fault-categories.edit',$faultCategory->id) }} "style='padding:0em 0.3em;text-decoration:none;font-weight:bold;'> Editar</a></th>
                                                    @csrf
                                                    @method('DELETE')
                                                    <th><button class="btn btn-link text-danger" style='padding:0em 0.2em;text-decoration:none;font-weight:bold;' type="submit" > Eliminar </button></th>
                                                </form>
                                            @elseif($type == "Capturista General" || $type == "Capturista Socioeconomico")
                                            <th> <a class="text-info" href="{{ route('fault-categories.show',$faultCategory->id) }}" style='padding:0em 0.3em;text-decoration:none;font-weight:bold;'> Ver</a>
                                            <th> <a class="text-success" href="{{ route('fault-categories.edit',$faultCategory->id) }} "style='padding:0em 0.3em;text-decoration:none;font-weight:bold;'> Editar</a></th>
                                            @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
            </div>
        </div>
    </div>
@endsection
@section('js-files')

	<script type="text/javascript">

		$( document ).ready(function() {

			document.getElementById('psychosocialCollapse').setAttribute("aria-expanded", true);
			document.getElementById('psychosocial').classList.add("show");

			$('#table_info').DataTable( {
				language: {url: 'datatables/Spanish.json'},
				dom: 'Bfrtip',
				searching:true,
				paging:true,
				ordering:true,
				bLengthChange: false,
			} );

		});


    $('.delete').submit(function(event) {
    event.preventDefault();
     Swal.fire({
        title: "¿Estas seguro que deseas eliminar la categoría?",
        icon: 'question',
        showCancelButton: true,
        confirmButtonText: "Sí, eliminar",
        confirmButtonColor: '#DC3545',
        cancelButtonText: "Cancelar",
    }).then(function(result){

        if (result.isConfirmed) {
            event.target.submit();

  }
})
});


	</script>
@endsection