@extends('main.layouts.app')

@section('content')
<div class="main-content">
    <section class="section">
        <!-- Section Header -->
        <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"  onclick="goBack()">
                                <h5 class="text-black depo mb-0">
                                    <a  onclick="cancel()">
                                        <img src="/img/homepage.png" alt="Home">
                                    </a>
                                    Edit Variant for Product: {{ $product->product_title }}
                                </h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Breadcrumb -->
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="/admin/variants">Variants</a>
            </li>
            <li class="breadcrumb-item">
                <a href="{{ route('variants.edit', $variant->id) }}">Edit Variant</a>
            </li>
        </ol>

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

                        <!-- Attributes -->
                        @foreach ($variant->attributes as $key => $value)
                            <div class="form-group">
                                <label>{{ ucfirst($key) }} <span>*</span></label>
                                <input 
                                    type="text" 
                                    name="attributes[{{ $key }}]" 
                                    value="{{ $value }}" 
                                    class="form-control" 
                                    required
                                >
                            </div>
                        @endforeach

                        <!-- Price -->
                        <div class="form-group">
                            <label>Variant Price <span>*</span></label>
                            <input 
                                type="number" 
                                step="0.01" 
                                name="price" 
                                value="{{ $variant->price }}" 
                                class="form-control" 
                                required
                            >
                        </div>

                        <!-- Submit Button -->
                        <div class="form-group text-right">
                            <button type="submit" class="btn btn-primary">Update</button>
                            <button type="button" class="btn btn-secondary" onclick="cancel()">Cancel</button>



                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
</div>
<script>
    function cancel() {
        // Go back to the previous page
        window.history.back();
    }


    
    function goBack() {
        // Navigate to the previous page
        window.history.back();
    }

</script>
@endsection