@extends('layouts.master')

@section('content')

<main class="pt-8 p-12 min-h-screen terminal-bg">

    <!-- HEADER -->
    <div class="flex justify-between items-end mb-12">

        <div>
            <nav class="flex items-center gap-2 text-[10px] font-black uppercase tracking-[0.2em] text-primary/60 mb-4">
                <span>ADMIN</span>
                <span class="material-symbols-outlined text-[10px]">chevron_right</span>
                <span class="text-primary underline decoration-primary/30 underline-offset-4">
                    INDUSTRY_EDIT
                </span>
            </nav>

            <h2 class="text-4xl font-black text-white">
                Edit Industry
            </h2>

        </div>

        <!-- BACK -->
        <a href="{{ route('industries.index') }}"
            class="px-6 py-3 border border-outline-variant/20 text-white rounded-lg hover:border-primary hover:text-primary transition">
            Back
        </a>

    </div>

    <!-- FORM -->
    <form action="{{ route('industries.update', $industry->id) }}"
        method="POST">

        @csrf
        @method('PUT')

        @include('industries._form')

        <!-- ACTION BUTTONS -->
        <div class="mt-10 flex justify-end gap-4">

            <a href="{{ route('industries.index') }}"
                class="px-8 py-4 border border-outline-variant/20 text-white font-black rounded-lg">
                CANCEL
            </a>

            <button type="submit"
                class="px-8 py-4 bg-primary text-black font-black rounded-lg shadow-[0_0_20px_rgba(0,255,157,0.4)]">
                UPDATE INDUSTRY
            </button>

        </div>

    </form>

</main>

@endsection