@extends('layouts.app')

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

@section('content')
<h1>Edit product</h1>
<div class="card">
    <form method="post" action="{{ route('products.update', $product) }}" enctype="multipart/form-data">
        @csrf
        @method('PUT')
        <label style="display:block; margin-bottom:8px; font-weight:500;">Title</label>
        <input type="text" name="title" value="{{ old('title', $product->title) }}" required maxlength="255" style="width:100%; padding:8px 12px; margin-bottom:16px; border:1px solid var(--m3-outline); border-radius:8px;">
        @error('title')<span style="color:#c62828;font-size:0.875rem;">{{ $message }}</span>@enderror

        <label style="display:block; margin-bottom:8px; font-weight:500;">Price</label>
        <input type="number" name="price" value="{{ old('price', $product->price) }}" required min="0" step="0.01" style="width:100%; padding:8px 12px; margin-bottom:16px; border:1px solid var(--m3-outline); border-radius:8px;">
        @error('price')<span style="color:#c62828;font-size:0.875rem;">{{ $message }}</span>@enderror

        <label style="display:block; margin-bottom:8px; font-weight:500;">Status</label>
        <select name="status" style="width:100%; padding:8px 12px; margin-bottom:16px; border:1px solid var(--m3-outline); border-radius:8px;">
            <option value="active" {{ old('status', $product->status) === 'active' ? 'selected' : '' }}>Active</option>
            <option value="draft" {{ old('status', $product->status) === 'draft' ? 'selected' : '' }}>Draft</option>
        </select>

        <label style="display:block; margin-bottom:8px; font-weight:500;">Digital file</label>
        @if($product->file_path)
            <div style="margin-bottom:8px; font-size:0.875rem;">
                Current: <a href="{{ route('products.download', $product) }}">Download file</a>
            </div>
        @else
            <div style="margin-bottom:8px; font-size:0.875rem; color:var(--m3-outline);">No file attached.</div>
        @endif
        <input type="file" name="file" style="width:100%; padding:8px 12px; margin-bottom:8px; border:1px solid var(--m3-outline); border-radius:8px;">
        <div style="margin-bottom:16px; font-size:0.875rem; color:var(--m3-outline);">Upload a new file to replace the current one. Max 50MB.</div>
        @error('file')<span style="color:#c62828;font-size:0.875rem;">{{ $message }}</span>@enderror

        <div style="display:flex; gap:12px; margin-top:16px;">
            <a href="{{ route('products.index') }}" style="padding:10px 20px; border-radius:8px; background:var(--m3-surface-variant); color:var(--m3-on-surface); text-decoration:none;">Cancel</a>
            <button type="submit" style="padding:10px 20px; border-radius:8px; background:var(--m3-primary); color:var(--m3-on-primary); border:none; cursor:pointer;">Update product</button>
        </div>
    </form>
</div>
@endsection