@extends('layouts.app')

@section('breadcrumbs')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb my-0 ms-2">
            <li class="breadcrumb-item">
                <a href="/">
                    <svg class="nav-icon">
                        <use xlink:href="/images/sprites/free.svg#cil-home"></use>
                    </svg>
                </a>
            </li>
            <li class="breadcrumb-item">
                <a href="/queries">
                    <span>Queries</span>
                </a>
            </li>
            <li class="breadcrumb-item active"><span>Create</span></li>
        </ol>
    </nav>
@endsection

@section('content')

	@include('partials.messages')
	
	<div class="card mb-4">
		<div class="card-header">Create Query</div>

		<div class="card-body">

			<form method="POST" action="/queries" autocomplete="off">
				{{ csrf_field() }}

				<x-form.input name="name">{{ old('name') }}</x-form.input>

				<x-form.textarea name="description" rows="4">{{ old('description') }}</x-form.textarea>

				<x-form.textarea name="sql" rows="10" spellcheck="false" class="font-monospace mx-0">{{ old('sql') }}</x-form.textarea>

				<x-form.input name="sort_order" type="number">{{ old('sort_order') }}</x-form.input>

				<x-form.switch name="enabled" label="Status">{{ old('enabled') }}</x-form.switch>

				<div class="my-3">
				    <input class="btn btn-primary" type="submit" value="Create">
				</div>
			</form>

		</div>

	</div>

@endsection('content')