@extends('layouts/contentNavbarLayout')

@section('title', 'Create Content')

@section('content')
<nav aria-label="breadcrumb" class="mb-3">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
        <li class="breadcrumb-item"><a href="{{ route('content.index') }}">Contents</a></li>
        <li class="breadcrumb-item active">Create Content</li>
    </ol>
</nav>

<div class="card">
    <div class="card-header">
        <h5>Create Content</h5>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ route('content.store') }}" enctype="multipart/form-data">
            @csrf

            <div class="mb-4">
                <label for="title" class="form-label">Title <span class="text-danger">*</span></label>
                <input type="text" class="form-control" id="title" name="title" required value="{{ old('title') }}" placeholder="Enter content title">
                @if($errors->has('title'))
                    <span class="text-danger">{{ $errors->first('title') }}</span>
                @endif
            </div>

            <div class="mb-4">
                <label for="type_content" class="form-label">Type Content <span class="text-danger">*</span></label>
                <input type="text" class="form-control" id="type_content" name="type_content" required value="{{ old('type_content') }}" placeholder="Enter content type">
                @if($errors->has('type_content'))
                    <span class="text-danger">{{ $errors->first('type_content') }}</span>
                @endif
            </div>

            <div class="mb-4">
                <label for="description" class="form-label">Description <span class="text-danger">*</span></label>
                <textarea class="form-control" name="description" id="description" rows="6" required placeholder="Enter content description">{{ old('description') }}</textarea>
                @if($errors->has('description'))
                    <span class="text-danger">{{ $errors->first('description') }}</span>
                @endif
            </div>

            <div class="mb-4">
                <div class="form-check form-switch">
                    <input class="form-check-input" type="checkbox" name="enabled" id="enabled" {{ old('enabled') ? 'checked' : '' }}>
                    <label class="form-check-label" for="enabled">Active</label>
                </div>
            </div>

            <div class="d-flex justify-content-end">
                <button type="submit" class="btn btn-primary">
                    <i class="mdi mdi-content-save me-1"></i>Create Content
                </button>
                <a href="{{ route('content.index') }}" class="btn btn-secondary ms-2">
                    <i class="mdi mdi-close me-1"></i>Cancel
                </a>
            </div>
        </form>
    </div>
</div>

@endsection