@extends('admin.layouts.app')

@section('title', 'Edit Material')
@section('page-title', 'Edit Material')

@section('content')
<div style="background: white; padding: 20px; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); max-width: 600px;">
    <form action="{{ route('admin.materials.update', $material) }}" method="POST">
        @csrf
        @method('PUT')

        <div style="margin-bottom: 20px;">
            <label style="display: block; font-weight: bold; margin-bottom: 5px;">Title</label>
            <input type="text" name="title" value="{{ old('title', $material->title) }}" style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px;">
        </div>

        <div style="margin-bottom: 20px;">
            <label style="display: block; font-weight: bold; margin-bottom: 5px;">Content</label>
            <textarea name="content" style="width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px; min-height: 200px;">{{ old('content', $material->content) }}</textarea>
        </div>

        <div style="display: flex; gap: 10px;">
            <button type="submit" class="btn">Save Changes</button>
            <a href="{{ route('admin.materials.index') }}" class="btn" style="background-color: #95a5a6;">Cancel</a>
        </div>
    </form>
</div>
@endsection