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

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

<form class="form" method="POST" action="{{ route('front.item.update',['item_id'=>$item->item_id]) }}"  enctype="multipart/form-data">
    @csrf
    @method('PATCH')
    <div class="card-header ">
        <h3 class="card-title">{{ $item->item_title }}</h3>
    </div>
    <div class="card-body">
        @component('front.components.input',[
        'label'=>__('İlan Başlığı'),
        'name'=>'item_title',
        'value'=>$item->item_title,
        'placeholder'=>__('Lütfen ilan başlığı girin')
        ])
        @endcomponent
        @component('front.components.locations',[
        'label'=>__('Bölge'),
        'name'=>'item_loc_id',
        'options' => $locations,
        'selected_value' => $item->item_loc_id
        ])
        @endcomponent
        @component('front.components.input',[
        'label'=>__('Fiyat'),
        'name'=>'item_price',
        'value'=>$item->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' => $item->item_cur_id
        ])
        @endcomponent
        @component('front.components.select',[
        'label'=>__('Etiket'),
        'name'=>'item_it_id',
        'options' => $item_tags,
        'option_id' => 'it_id',
        'option_value' => 'it_title',
        'selected_value' => $item->item_it_id
        ])
        @endcomponent
        @component('front.components.textarea',[
        'label'=>__('Açıklama'),
        'name'=>'item_description',
        'value'=>$item->item_description,
        'placeholder'=>__('Lütfen bir açıklama giriniz'),
        'class' => 'editor'
        ])
        @endcomponent

    </div>
    <div class="card-header ">
        <h3 class="card-title">{{ __('İlan Özellikler') }}</h3>
    </div>
    <div class="card-body">

        @component('front.components.item_attributes',[
        'label'=>__(''),
        'attributes'=>$attributes,
        'item_attributes'=>$item_attributes
        ])
        @endcomponent

    </div>
    <div class="card-header ">
        <h3 class="card-title">{{ __('İlan Ana Resim') }}</h3>
    </div>
    <div class="card-body">

        @component('front.components.file',[
        'label'=>__('İlan Ana Resim'),
        'name'=>'item_main_photo',
        'value'=>asset(\App\Models\Item::UPLOAD_FOLDER.$item->item_main_photo),
        'placeholder'=>'Please select avatar',
        ])
        @endcomponent


    </div>

    <div class="card-header">
        <h3 class="card-title">{{ __('Fotoğraf Galerisi') }}</h3>

    </div>
    <div class="card-body ">

        <div class='row'>


            @php $i=0 @endphp
            @foreach($item->gallery as $item_gallery)
            <div class="col-xl-3 col-lg-3 col-md-3">
                <div class="form-group">
                    <input type="file" class="dropify" disabled="disabled" data-default-file="{{ asset(\App\Models\Item::UPLOAD_FOLDER.$item_gallery->ig_image_path) }}" data-show-remove="false" />
                </div>
            </div>
            @php $i++ @endphp
            @endforeach
            @for($i;$i<=11;$i++)
            <div class="col-xl-3 col-lg-3 col-md-3">
                <div class="form-group">
                    <input type="file" class="dropify" name='item_gallery[]' />
                </div>
            </div>
            @endfor
        </div>
    </div>
    <div class="card-footer ">
        <button type="submit" class="btn btn-primary">{{ __('Kaydet') }}</button>
    </div>
</div>

</div>
</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