@extends('layouts/LayoutMaster')

@section('title', 'Мое приложение')

@section('vendor-style')

@endsection
@section('page-style')


@endsection

@section('content')
<div class="createPost d-block">
<div class="titleOnBlock">{{ (isset($platform->id)) ? 'Редактирование' : 'Создание'}} приложения {{ $platform->domen ?? '' }}</div>
<form class="submitForm mt-3" method="POST" data-form="app.create" enctype="multipart/form-data">
@csrf
<div class="row">
<div class="col-6"> 
<label for="add-icon" class="form-label mt-3">Иконка сайта:</label>
<input type="file" accept="image/*" class="form-control" id="add-icon" name="icon">
</div>
<div class="col-6"> 
<label for="add-name" class="form-label mt-3">Текст в логотипе:</label>
	<input type="text" class="form-control" id="add-name" name="name" value="{{ $platform->name ?? '' }}" placeholder="Введите название..">	
</div>
</div>
	<label for="add-name" class="form-label mt-3">Описание сайта:</label>
	<input type="text" class="form-control" id="add-name" name="desc" value="{{ $platform->sdesc ?? '' }}" placeholder="Введите текст..">
	@if(!isset($platform->id))
	<label for="add-name" class="form-label mt-3">Поддомен сайта:</label>
	<input type="text" class="form-control" id="add-name" name="subdomen" placeholder="До 10 символов на английском..">	
	@endif
	<div class="createPost-btn">
		@mobile
		@isset($platform->domen)
			<a class="btn btn-outline btn-block" href="https://{!! $platform->domen !!}" target="_blank">Открыть приложение</a>
			@endisset
		@endmobile
		<button class="btn btn-def btn-block m-l-auto" type="submit" >{{ (isset($platform->id)) ? 'Сохранить' : 'Создать'}}</button>
	</div>
	</form>
</div>
@if(isset($platform->id))
	 <div class="createPost d-block">
<div class="titleOnBlock">Мой канал</div>
<form class="submitForm mt-3" method="POST" data-form="app.lents.update" enctype="multipart/form-data">
@csrf
<div class="list-items_results" id="lents"> 
		@foreach($applents as $item)	
<div class="col-12 col-sm-6 col-xl-4" id="gitem{{ $item->id }}">
<div class="left-top_icon">{!! Helper::postHoverIcon($item->soc) !!}</div>
<input type="hidden" name="lents[]" value="{{ $item->id }}">
		<a href="/lenta/{{ $item->id }}" target="_blank"><div class="lent-item">
				<div class="lent-item_photo">
								 <img src="{{ $item->icon }}">
				  			  	</div>
				<div class="lent-item_text">
				  <span>{{ $item->name }}</span>
                        <span class="see-id">ID: {{ $item->id }}</span>
						</div> 
		</div></a> 
		<div class="btn_icons itemTrash" onclick="itemUpdate(this);" data-sgid="{{ $item->id }}">
			<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M5 6.77273H9.2M19 6.77273H14.8M9.2 6.77273V5.5C9.2 4.94772 9.64772 4.5 10.2 4.5H13.8C14.3523 4.5 14.8 4.94772 14.8 5.5V6.77273M9.2 6.77273H14.8M6.4 8.59091V15.8636C6.4 17.5778 6.4 18.4349 6.94673 18.9675C7.49347 19.5 8.37342 19.5 10.1333 19.5H13.8667C15.6266 19.5 16.5065 19.5 17.0533 18.9675C17.6 18.4349 17.6 17.5778 17.6 15.8636V8.59091M9.2 10.4091V15.8636M12 10.4091V15.8636M14.8 10.4091V15.8636" stroke="#f07070" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
		</div>	
	</div>
@endforeach
</div>
	
	<div class="createPost-btn">
	<button class="btn btn-outline btn-block openModal" data-modal="modalAddLents" type="button">Добавить ленту</button>
		<button class="btn btn-def btn-block m-l-auto" type="submit" >Сохранить</button>
	</div>
	</form>
</div>
@include('panels/modals/appLents')
@endif

@endsection
@section('content-right')
     @if(isset($platform->id))
		<div class="case-btn">
		<a class="case-btn_add" href="https://{!! $platform->domen !!}" target="_blank">
			<i data-feather="arrow-up-right"></i>
			<span>Открыть приложение</span>
		</a>
	</div>
	@endif
@endsection
@section('vendor-script')


@endsection
@section('page-script')
<script>
function itemUpdate(item){
	let id = $(item).data('sgid');
	if($(item).hasClass('itemTrash')){
		$('#gitem' + id).remove();
	}else{
	$('#gitem' + id).appendTo($('#lents'));
	$('#gitem' + id + ' .btn_icons').html('<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M5 6.77273H9.2M19 6.77273H14.8M9.2 6.77273V5.5C9.2 4.94772 9.64772 4.5 10.2 4.5H13.8C14.3523 4.5 14.8 4.94772 14.8 5.5V6.77273M9.2 6.77273H14.8M6.4 8.59091V15.8636C6.4 17.5778 6.4 18.4349 6.94673 18.9675C7.49347 19.5 8.37342 19.5 10.1333 19.5H13.8667C15.6266 19.5 16.5065 19.5 17.0533 18.9675C17.6 18.4349 17.6 17.5778 17.6 15.8636V8.59091M9.2 10.4091V15.8636M12 10.4091V15.8636M14.8 10.4091V15.8636" stroke="#f07070" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>');
	$('#gitem' + id + ' .btn_icons').addClass('itemTrash');
	}
}
</script>
@endsection