@extends('admin.template.app')
@section('title', 'Update Configuration')

@section('content')
    <div class="container-fluid px-4">
        {{-- SUCCESS MESSAGE --}}
        @if (session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif

        {{-- ERROR MESSAGE --}}
        @if (session('error'))
            <div class="alert alert-danger">
                {{ session('error') }}
            </div>
        @endif

        {{-- VALIDATION ERRORS --}}
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        {{-- <h1 class="mt-4">App Configuration</h1> --}}
        <div class="d-flex justify-content-between align-items-center mt-4">
            <h1 class="mb-0">App Configuration</h1>
            <a href="{{ route('app_configuration_create') }}" class="btn btn-primary">
                Add new config
            </a>
        </div>
        <div class="card-body">
            <form method="POST"
                action="{{ isset($appConfiguration)
                    ? route('app_configuration_update', $appConfiguration->id)
                    : route('app_configuration_store') }}">

                @csrf

                @if (isset($appConfiguration))
                    @method('PUT')
                @endif

                <div class="form-floating mb-3">
                    <input class="form-control" id="config_name" type="text" name="config_name" placeholder="Config Name"
                        value="{{ $appConfiguration->config_name ?? '' }}" readonly >
                    <label for="config_name">Config Name</label>
                </div>

                <div class="form-floating mb-3">
                    <input class="form-control" id="config_value" type="text" name="config_value"
                        placeholder="Config Value" value="{{ $appConfiguration->config_value ?? '' }}">
                    <label for="config_value">Config Value</label>
                </div>

                <button type="submit" class="btn btn-primary w-100">
                    {{ isset($appConfiguration) ? 'Update' : 'Submit' }}
                </button>
            </form>
        </div>
    </div>
@endsection