@extends('layouts.app')

@section('content')
<div class="min-h-screen flex justify-center bg-gray-100 py-10">

    <div class="w-full max-w-lg h-max bg-white shadow-lg rounded-xl p-8">
        <h2 class="text-2xl font-semibold mb-6 text-gray-800 border-b pb-3">
            Edit Module
        </h2>

        {{-- Success Message --}}
        @if(session('success'))
            <div class="bg-green-100 text-green-700 p-3 rounded-md mb-4">
                {{ session('success') }}
            </div>
        @endif

        {{-- Errors --}}
        @if ($errors->any())
            <div class="bg-red-100 text-red-700 p-3 rounded-md mb-4">
                <ul class="list-disc pl-5 text-sm">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form action="{{ route('modules.update', $module->id) }}" method="POST" class="space-y-5">
            @csrf

            <div>
                <label class="block text-gray-600 mb-1 font-medium">Module Name</label>
                <input 
                    type="text" 
                    name="name" 
                    value="{{ $module->name }}"
                    class="w-full border border-gray-300 rounded-lg px-4 py-2 outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
                    required
                >
            </div>

            <div>
                <label class="block text-gray-600 mb-1 font-medium">Variable Name (var_name)</label>
                <input 
                    type="text" 
                    name="var_name" 
                    value="{{ $module->var_name }}"
                    class="w-full border border-gray-300 rounded-lg px-4 py-2 outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
                    required
                >
            </div>

            <button 
                type="submit"
                class="w-full bg-blue-600 hover:bg-blue-700 text-white font-semibold py-2 rounded-lg transition"
            >
                Update Module
            </button>
        </form>

        <div class="mt-4">
            <a href="{{ route('modules.index') }}" class="text-gray-600 hover:underline">
                ← Back to Module List
            </a>
        </div>

    </div>

</div>
@endsection