module-info.blade.php

<div class="p-4">
    <x-page.header
        icon="{{$module->icon}}"
        title="{{$module->title}}">

        <div>
            <a href="/tech/flight_deck">
                <x-buttons.header-button
                    btnSize="inline"
                    btnColor="blue"
                    type="button">
                    @svg('solid/arrow-left', 'mr-2')
                    FlightDeck
                </x-buttons.header-button>
            </a>
        </div>

    </x-page.header>
</div>

<div class="-mt-8 mb-8">
    <div class="lg:text-left max-w-6xl text-gray-800 font-light lg:mx-auto">
        <p class="mb-4">
            {!! $module['description'] !!}
        </p>
    </div>
</div>

<div class="mb-8 w-full flex">

    <!-- FEATURES -->
    <div class="w-1/2 mx-4">

        <x-elements.panel
            title="FEATURES"
            :hdrBtn="true"
            btnLabel="New Feature"
            wire:click="createFeature">

            @forelse($features as $feature)
                <x-tech.module-bar
                    :feature="$feature"
                    :selected="$selectedFeature"></x-tech.module-bar>
            @empty
                <div class="relative w-full bg-white p-2 rounded mt-1 cursor-pointer flex border-b border-gray-300">
                    <strong>No features found</strong>
                </div>
            @endforelse
        </x-elements.panel>
    </div>

    <!-- OPTIONS -->
    <div class="w-1/2 mx-4">
        @if($display)
            <div>
                <x-elements.panel
                    title="Integrations"
                    class="mb-8"
                    :hdrBtn="true"
                    btnLabel="Add One"
                    btnFn="createIntegration">
                    <livewire:flightdeck.module-integrations :id="$moduleID"/>
                </x-elements.panel>
            </div>
        @endif

        @if($showSpecs)
            <x-elements.panel
                title="Specifications"
                class="mb-4"
                :hdrBtn="true"
                btnLabel="Close"
                btnFn="cancel">

                <div class="mb-4 flex">
                    <x-input.text wire:model="newSpec"></x-input.text>
                    <x-buttons.button
                        btnSize="inline"
                        btnColor="green"
                        wire:click="createSpec">
                        Add Spec
                    </x-buttons.button>
                </div>

                <ul>
                    @forelse($specs as $spec)
                        <li class="mb-2 px-2 py-1 shadow  flex justify-between items-center">
                    <span class="cursor-pointer">
                        @if($spec->passing)
                            @svg('solid/plane', 'mr-2 text-green-600')
                        @else
                            @svg('solid/plane', 'mr-2 text-gray-300')
                        @endif
                    </span>
                            <span class="flex-1 text-xs text-gray-700 italic">
                        {{$spec->spec}}
                    </span>
                            <span class="cursor-pointer"
                                  onclick="confirm('Are you sure?') || event.stopImmediatePropagation()"
                                  wire:click="deleteSpec({{$spec->id}})">
                        @svg('solid/times', 'mr-2 text-red-600')
                    </span>
                        </li>
                    @empty
                        <li><strong>No specs recorded</strong></li>
                    @endforelse
                </ul>

            </x-elements.panel>
        @endif

        @if($creator)
            <x-elements.panel
                title="New Feature"
                :hdrBtn="true"
                btnLabel="Close"
                btnFn="cancel">

                <form wire:submit.prevent="newFeature">
                    <x-tech.feature-create-form
                        :featureID="$editing"
                        :sponsors="$sponsors"
                        :description="$description"></x-tech.feature-create-form>
                </form>
            </x-elements.panel>
        @endif

        @if($editing)
            <x-elements.panel
                title="Editor"
                :hdrBtn="true"
                btnLabel="Close"
                btnFn="cancel">

                <form wire:submit.prevent="updateFeature">
                    <x-tech.module-form
                        :featureID="$editing"
                        :sponsors="$sponsors"
                        :description="$description"
                        :isActive="$isActive"
                        :isInDev="$isInDev"></x-tech.module-form>
                </form>

            </x-elements.panel>
        @endif
    </div>

</div>