@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>Update</span></li>
        </ol>
    </nav>
@endsection

@section('content')

	@include('partials.messages')

	<div class="card mb-4">
		<div class="card-header">Update Query</div>

		<div class="card-body">

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

				<x-form.input name="name">{{ $query->name }}</x-form.input>

				<x-form.textarea name="description" rows="4">{{ $query->description }}</x-form.textarea>

				<x-form.textarea name="sql" rows="10" spellcheck="false" class="font-monospace mx-0">{{ $query->sql }}</x-form.textarea>

				<x-form.input name="sort_order" type="number">{{ $query->sort_order }}</x-form.input>

				<x-form.switch name="enabled" label="Status">{{ $query->enabled }}</x-form.switch>

				<div class="my-3">
					<button type="submit" name="action" value="update" class="btn btn-primary">Update</button>
					@can('delete', $query)
					<a class="btn btn-danger" href="/queries/{{ $query->id }}/delete" role="button" onclick="return confirm('Are you sure?');">Delete</a>
					@endcan
				</div>
			</form>

		</div>

	</div>

@endsection('content')