@extends('manage.layouts.app')

@section('content')

<div class="mb-5">
    <div class="ui breadcrumb">
        <a class="section">Dashboard</a>
        <div class="divider"> / </div>
        <a href="/cms/pages" class="section">Pages</a>
        <div class="divider"> / </div>
        <div class="active section">Create</div>
    </div>
</div>

<form class="ui form" action="{{route('pages.store')}}" method="post" enctype="multipart/form-data">
    @csrf
    <h3 class="ui header">Create New Page</h3>

    <div class="ui divider"></div>

    <div class="field">
        <label>Title *</label>
        <input type="text" name="title" required value="{{old('title')}}" placeholder="Title / Name">
    </div>

    <div class="field mb-5">
        <label>Status</label>
        <div class="flex items-center mt-2" style="display: flex; gap: 20px;">
            <div class="flex items-center">
                <input type="radio" name="status" value="1" id="status_active" checked style="width: 18px; height: 18px;">
                <label for="status_active" style="margin-left: 8px; cursor: pointer;">Active</label>
            </div>
            <div class="flex items-center">
                <input type="radio" name="status" value="0" id="status_inactive" style="width: 18px; height: 18px;">
                <label for="status_inactive" style="margin-left: 8px; cursor: pointer;">Inactive</label>
            </div>
        </div>
    </div>

    <div class="field">
        <label>Cover</label>
        <input type="file" name="cover">
    </div>

    <div class="field">
        <label>Content</label>
        <textarea rows="10" name="body" placeholder="Detail"></textarea>
    </div>

    <div class="field mb-5 flex items-center space-x-2">
        <label>Full Width Layout</label>
        <input type="checkbox" name="layout_type" class="w-4 h-4">
    </div>

    <div class="field">
        <label>Select field* </label>
        <select class="mt-2 capitalize" name="form_id">
            <option value="0">None</option>
            @foreach ($forms as $form)
            <option value="{{$form->id}}"> {{$form->title}} </option>
            @endforeach
        </select>
     </div>



    <button type="submit" class="ui button" tabindex="0">Submit</button>
</form>

@endsection