@extends('layout.side-menu')

@section('subcontent')
    <div class="intro-y flex flex-col sm:flex-row items-center mt-4">
        <h2 class="text-lg font-medium mr-auto flex items-center">
            {{ isset($crud['title']['plural']) ? $crud['title']['plural'] : '' }}
        </h2>
        <div class="w-full sm:w-auto flex mt-4 sm:mt-0">
            <a href="{{ route($crud['prefix'] . '.create') }}" type="button" class="button text-white bg-theme-1 shadow-md flex items-center">
                <i class="w-4 h-4 mr-2" data-feather="plus-square"></i>
                {{__('app.create')}}
            </a>
        </div>
    </div>
    <div class="grid grid-cols-12 gap-6 mt-5">
        @forelse ($modules as $module)
            <div class="intro-y col-span-12 md:col-span-6  lg:col-span-4">
                <div class="box">
                    <div class="flex flex-col lg:flex-row items-center p-5 border-b border-gray-200">
                        <div class="lg:ml-2 lg:mr-auto text-center lg:text-left mt-3 lg:mt-0">
                            <a href="{{ route('module.page', $module->slug) }}" class="font-medium">
                                {{ $module->name }}
                                <div class="text-gray-600 text-xs">
                                    {{ $module->alias }}
                                </div>
                            </a> 
                        </div>
                        <div class="flex -ml-2 lg:ml-0 lg:justify-end mt-3 lg:mt-0">
                            @if ($module->menu)
                                <span class="w-8 h-8 rounded-full flex items-center justify-center border ml-2 text-white zoom-in tooltip bg-theme-10 cursor-auto" title="Modulo visible">
                                    <i class="w-3 h-3" data-feather="eye"></i>
                                </span>
                            @else
                                <span class="w-8 h-8 rounded-full flex items-center justify-center border ml-2 text-gray-500 zoom-in tooltip bg-theme-8 cursor-auto" title="Modulo no visible">
                                    <i class="w-3 h-3" data-feather="eye-off"></i>
                                </span>
                            @endif

                            @if ($module->active)
                                <span class="w-8 h-8 rounded-full flex items-center justify-center border ml-2 text-white zoom-in tooltip bg-theme-10 cursor-auto" title="Modulo activo">
                                    <i class="w-3 h-3 fill-current" data-feather="zap"></i>
                                </span>
                            @else
                                <span class="w-8 h-8 rounded-full flex items-center justify-center border ml-2 text-gray-500 zoom-in tooltip bg-theme-8 cursor-auto" title="Modulo desactivado">
                                    <i class="w-3 h-3 fill-current" data-feather="zap-off"></i>
                                </span>
                            @endif
                        </div>
                    </div>
                    <div class="flex flex-wrap lg:flex-no-wrap items-center justify-end p-5">
                        <a href="{{ route($crud['prefix'] . '.edit', $module->id) }}" class="button button--sm text-white bg-theme-1 mr-2 flex items-center">
                            <i class="h-3" data-feather="edit"></i>
                            Editar
                        </a>
                        <a href="{{ route('module.page', $module->slug) }}" class="button button--sm text-gray-700 border border-gray-300 flex items-center">
                            <i class="h-3" data-feather="link"></i>
                            Abrir
                        </a>
                    </div>
                </div>
            </div>
        @empty
            <div class="intro-y col-span-12">
                <div class="rounded-md px-5 py-4 mb-2 bg-theme-8">
                    <div class="flex items-center">
                        <div class="font-medium text-lg">Sin registros</div>
                    </div>
                    No se encontro ningun registro referente a los modulos. Puede entrar <a href="{{ route($crud['prefix'] . '.create') }}"><b>aquí</b></a> para registrar uno nuevo.
                </div>
            </div>
        @endforelse
    </div>
@endsection

@push('scripts')
@endpush