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

{{-- Content --}}
@section('content')

<form class="form" method="POST" action="{{ route('front.item.store') }}"  enctype="multipart/form-data">
    @csrf
    @method('PATCH')
    <div class="card-header ">
        <h3 class="card-title">{{ __('İlan Ver') }}</h3>
    </div>
    <div class="card-body">
        @component('admin.components.input',[
        'label'=>__('İlan Başlığı'),
        'name'=>'item_title',
        'value'=>old('item_title'),
        'placeholder'=>__('Lütfen ilan başlığı girin')
        ])
        @endcomponent
        @component('front.components.categories',[
        'label'=>__('Kategori'),
        'name'=>'item_cat_id',
        'options' => $categories,
        'option_id' => 'cat_id',
        'option_value' => 'cat_title',
        'selected_value' => NULL,
        ])
        @endcomponent
        @component('front.components.locations',[
        'label'=>__('Bölge'),
        'name'=>'item_loc_id',
        'options' => $locations,
        'selected_value' => NULL,
        ])
        @endcomponent
        @component('front.components.number',[
        'label'=>__('Fiyat'),
        'name'=>'item_price',
        'value'=>old('item_price'),
        'placeholder'=>__('Lütfen fiyat giriniz')
        ])
        @endcomponent
        @component('front.components.select',[
        'label'=>__('Fiyat Tipi'),
        'name'=>'item_cur_id',
        'options' => $currencies,
        'option_id' => 'cur_id',
        'option_value' => 'cur_title',
        'selected_value' => NULL,
        ])
        @endcomponent
        @component('front.components.select',[
        'label'=>__('Etiket'),
        'name'=>'item_it_id',
        'options' => $item_tags,
        'option_id' => 'it_id',
        'option_value' => 'it_title',
        'selected_value' => NULL,
        ])
        @endcomponent
        @component('front.components.textarea',[
        'label'=>__('Açıklama'),
        'name'=>'item_description',
        'value'=>old('item_description'),
        'placeholder'=>__('Lütfen bir açıklama giriniz'),
        'class' => 'editor'
        ])
        @endcomponent
        @component('front.components.file',[
        'label'=>__('İlan Ana Resim'),
        'name'=>'item_main_photo',
        'value'=>old('item_main_photo'),
        'placeholder'=>'Please select avatar',
        ])
        @endcomponent

    </div>
</div>
<div class="card-footer ">
    <button type="submit" class="btn btn-primary">{{ __('Kaydet') }}</button>
</div>
</form>
@endsection

@section('sidebar')
@include('front.components.user_sidebar')
@endsection

@section('styles')
<link href="{{ asset('js/dropify/dist/css/dropify.css') }}" rel="stylesheet">
@endsection

@section('scripts')
<script src="https://cdn.tiny.cloud/1/2k6szdml6re8kjz73hv10lbuquijmymtc1ms8oi6f9n2u4vp/tinymce/5/tinymce.min.js" referrerpolicy="origin"/></script>
<script src="{{ asset('js/dropify/dist/js/dropify.js') }}"></script>
<script>
$('.dropify').dropify();
tinymce.init({
    selector: 'textarea.editor'
});
</script>
@endsection