@extends('layouts.app')

@section('title', 'Edit Product')

@section('content')
<h1>Edit Product</h1>
<div class="card">
    <form action="{{ route('admin.products.update', $product) }}" method="POST">
        @csrf
        @method('PUT')
        @include('admin.products._form', ['product' => $product])
        <div style="margin-top: 1.25rem;">
            <button type="submit" class="btn">Update Product</button>
            <a href="{{ route('admin.products.index') }}" class="btn btn-outline" style="margin-left: 0.5rem;">Cancel</a>
        </div>
    </form>
</div>
@push('styles')
<style>
.form-control[readonly] {
    background-color: #f5f5f5;
    cursor: not-allowed;
    opacity: 0.7;
}
</style>
@endpush
@endsection