@extends('layouts.admin')

@section('title', 'Edit product — '.config('app.name'))
@section('page_title', 'Edit product')

@section('content')
    <div class="card">
        <div class="card-header"><h5 class="mb-0">{{ $product->name }} (#{{ $product->id }})</h5></div>
        <div class="card-body">
            <form method="post" action="{{ route('admin.products.update', $product) }}">
                @csrf
                @method('PUT')
                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label">Name</label>
                        <input class="form-control" name="name" value="{{ old('name', $product->name) }}" required>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Home-page slogan</label>
                        <input class="form-control" name="tagline" value="{{ old('tagline', $product->tagline) }}" maxlength="255" placeholder="Short line shown under the product name on the home page">
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Code</label>
                        <input class="form-control" name="code" value="{{ old('code', $product->code) }}" required>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">Legacy prefix</label>
                        <input class="form-control" name="legacy_prefix" value="{{ old('legacy_prefix', $product->legacy_prefix) }}" required>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Pack type</label>
                        <select class="form-select" name="pack_type" required>
                            @foreach ($packTypes as $type)
                                <option value="{{ $type->value }}" @selected((int) old('pack_type', $product->pack_type?->value) === $type->value)>{{ $type->label() }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Parent product</label>
                        <select class="form-select" name="parent_product_id">
                            <option value="">— none —</option>
                            @foreach ($parents as $parent)
                                <option value="{{ $parent->id }}" @selected((int) old('parent_product_id', $product->parent_product_id) === $parent->id)>{{ $parent->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4 d-flex align-items-end">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="is_active" value="1" id="is_active" @checked(old('is_active', $product->is_active))>
                            <label class="form-check-label" for="is_active">Active</label>
                        </div>
                    </div>
                </div>
                <div class="mt-3 d-flex gap-2">
                    <button class="btn btn-primary" type="submit">Save</button>
                    <a class="btn btn-outline-secondary" href="{{ route('admin.products.index') }}">Back</a>
                    @can('content.manage')
                        <a class="btn btn-outline-primary" href="{{ route('admin.cms.product-pages.edit', $product) }}">Edit public page content</a>
                    @endcan
                </div>
            </form>
        </div>
    </div>
@endsection