{{-- Extends layout --}}
@extends('admin.layouts.app')

{{-- Content --}}
@section('content')
    <div class="card card-custom">
        <div class="card-header">
            <h3 class="card-title">
                {{ __('New Determination') }}
            </h3>
        </div>
        <!--begin::Form-->
        <form class="form" method="POST" action="{{ route('determination.store') }}" enctype="multipart/form-data">
            @csrf
            <div class="card-body">
                @component('admin.components.input', [
                    'label' => __('Title'),
                    'name' => 'title',
                    'value' => old('title'),
                    'placeholder' => __('Please enter title'),
                    ])
                @endcomponent
                @component('admin.components.textarea', [
                    'label' => __('Description'),
                    'name' => 'text',
                    'value' => old('text'),
                    'placeholder' => 'Please enter a desription',
                    'class' => 'editor',
                    ])
                @endcomponent
                @component('admin.components.file', [
                    'label' => __('Photo'),
                    'name' => 'main_photo',
                    'value' => old('main_photo'),
                    'placeholder' => 'Please select image',
                    ])
                @endcomponent
                @component('admin.components.select_recursive', [
                    'label' => __('Category'),
                    'name' => 'determination_category_id',
                    'options' => $categories,
                    'option_id' => 'id',
                    'option_value' => 'title',
                    'selected_value' => null,
                    ])
                @endcomponent
                @component('admin.components.select_recursive', [
                    'label' => __('Equipment'),
                    'name' => 'determination_equipment_id',
                    'options' => $equipments,
                    'option_id' => 'id',
                    'option_value' => 'title',
                    'selected_value' => null,
                    ])
                @endcomponent
                @component('admin.components.select', [
                    'label' => __('Area'),
                    'name' => 'world_city_id',
                    'options' => $areas,
                    'option_id' => 'id',
                    'option_value' => 'name',
                    'selected_value' => null,
                    ])
                @endcomponent
            </div>
            <div class="card-footer">
                <button type="submit" class="btn btn-success mr-2">{{ __('Save') }}</button>
                <button type="reset" class="btn btn-secondary">{{ __('Cancel') }}</button>
            </div>
        </form>
        <!--end::Form-->
    </div>
@endsection