@extends('main.layouts.app')

@section('content')
    <style>
        .bg_blue_color {
            border-radius: 20px !important;
            background-color: #0E194D !important;
        }

        .dash-text {
            text-align: center;
        }

        .form-group {
            margin-bottom: 1rem;
        }

        .card {
            margin-top: 20px;
        }

        /* Add any additional styles as needed */
    </style>

    <div class="main-content">
        <section class="section">
            <div class="section-header d-block bg_blue_color mb-0">
                <div class="row">
                    <div class="col-12">
                        <div class="d-flex align-items-center justify-content-between">
                            <div>
                                <div class="dash-text">
                                    <h5 class="text-white depo mb-0">
                                        <a href="{{ route('attributes.index') }}"><img src="/img/homepage.png" alt="image"> </a>
                                        Edit Attribute
                                    </h5>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                    <a href="{{ route('attributes.index') }}">Attributes</a>
                </li>
                <li class="breadcrumb-item active">
                    Edit Attribute
                </li>
            </ol>

            <div class="section-body">
                <div class="wrapper-content card">
                    <div class="animated fadeInUp card-body">
                        <form action="{{ route('attributes.update', $attribute->id) }}" method="POST">
                            @csrf
                            @method('PUT')

                            <!-- Attribute Name -->
                            <div class="form-group">
                                <label>Attribute Name <span>*</span></label>
                                <input type="text" name="name" class="form-control" value="{{ old('name', $attribute->name) }}" required>
                                @error('name')
                                    <div class="alert alert-danger">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Submit Button -->
                            <input style="margin:10px" type="submit" class="btn btn-primary" value="Update Attribute">
                            <a href="{{ route('attributes.index') }}" class="btn btn-secondary">Cancel</a>
                        </form>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection