@extends('layouts.master')
@section('title') Facedra @endsection
@section('css')
    <!-- DataTables -->
    <link href="{{ URL::asset('assets/libs/datatables/datatables.min.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('assets/css/bootstrap.min.css')}}" id="bootstrap-style" rel="stylesheet" type="text/css" />
	<link href="{{ URL::asset('assets/css/app.min.css')}}" id="app-style" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('assets/libs/sweetalert2/sweetalert2.min.css')}}" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
@endsection
@section('content')
@component('common-components.breadcrumb')
    @slot('pagetitle') Administración    Principios activos @endslot
    @slot('title') Administración Principios activos @endslot
@endcomponent
<div class="row">
	<div class="col-12">
		<div class="card">
			<div class="card-body">
                <h4 class="card-title">Administración de Principios Activos</h4>
				<p class="card-title-desc">
					Usted se encuentra en el módulo Administración de principios activos.
				</p>
				@include('flash::message')
                <div class="button-items">
                    <a href="{{url("principios/create")}}" target="_blank">
                        <button id="Btnalta" type="button" class="btn btn-primary waves-effect waves-light">
                            Adicionar
                        </button>
					</a>
                </div>
				<br>
                <div class="table-responsive">
                    <table id="datatable" class="table table-bordered dt-responsive nowrap yajra-datatable" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                        <thead>
							<tr>
                                <th>Id</th>
                                <th>Código</th>
                                <th>Letra</th>
                                <th>Nombre</th>
                                <th>Estado</th>
                                <th>accion</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forEach($data as $item)
                            <tr class="filas">
                                <th>{{$item->PRAC_ID_PRINCIPIO_ACTIVO}}</th>
                                <td>{{$item->PRAC_CODIGO}}</td>
                                <td>{{$item->PRAC_LETRA}}</td>
                                <td>{{$item->PRAC_DS_PRINCIPIO_ACTIVO}}</td>
                                <th>
                                
                                    @if($item->ID_PRINCIPIO_ACTIVO_WD == NULL)
                                        
                                        <div class='col-md-8 badge badge-pill badge-danger'>Pendiente</div>
                                    @else
                                        <div class='col-md-8 badge badge-pill badge-success'><i class='uil-repeat' ></i></div>
                                    @endif
                                </th>
                                <td>
                                    <button type="button" class="btn btn-primary" onclick="editar({{$item->PRAC_ID_PRINCIPIO_ACTIVO}})">Actuaizar <i class='uil-repeat'></i></button>
                                    <button type="button" class="btn btn-danger"  onclick="eliminar({{$item->PRAC_ID_PRINCIPIO_ACTIVO}})">Eliminar <i class='mdi mdi-delete'></i></button>
                                </td>          
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')  
    <script src="{{ URL::asset('assets/libs/datatables/datatables.min.js')}}"></script>
    <script src="{{ URL::asset('assets/js/pages/datatables.init.js')}}"></script>
    
    <!-- Sweet Alerts js -->
    <script src="{{ URL::asset('assets/libs/sweetalert2/sweetalert2.min.js')}}"></script>
    <!-- Range slider init js-->
	<script src="{{ URL::asset('assets/js/pages/sweet-alerts.init.js')}}"></script> 
    <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
    <script>
        
        var table;
   
        $(document).ready(function() {
            /*
            table = $('.yajra-datatable').DataTable({
            select: true,
            "order": [[ 0, "desc" ]],
            language:{url:'https://cdn.datatables.net/plug-ins/1.10.20/i18n/Spanish.json'},
            processing: true,
            serverSide: true,
            "ajax": {
                "url": "{{ route('principios') }}",
                "dataType": "json",
                "type": "GET",

            },
            "columns": [
                {data: 'PRAC_CODIGO', orderable: true, searchable: false},
                {data: 'PRAC_LETRA'},
          
            
            ],
            
            //Configuracion Inicial
                
                "lengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, 'Todos  * ']],
                
            });


*/
         });
       
        $('#ButtonLimpiar').click(function() {
            $('input[type="text"]').val('');
            $("#email").val('');
        });
        function eliminar(id){
            Swal.fire({
                title: 'Estas seguro de eliminar el registro?',
                text: 'No podras deshacer esta accion',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Yes',
                cancelButtonText: 'No'
                }).then((result) => {
                if (result.value) {
                    Swal.fire(
                    'Eliminado!',
                    'Registro eliminado',
                    'success'
                    )
                    window.location.href = "{{ url('principios/destroy') }}/"+id;
                } else if (result.dismiss === Swal.DismissReason.cancel) {
                    Swal.fire(
                    'Cancelado',
                    'El registro no fue eliminado :)',
                    'error'
                    )
                    
                }
                })      
        }
        function editar(id){
            window.location.href = "{{ url('principios/edit') }}/"+id;
        }
    </script>
@endsection