@extends(env('APP_NAME').'.layout')

@push('head')
	{!! resource($defaultSkinPath.'asset/common.css') !!}
	{!! resource($defaultSkinPath.'asset/read.css') !!}
	{!! resource($defaultSkinPath.'asset/compose.css') !!}

    {!! editorScript(); !!}
@endpush

@section('content')
	<main class="bbs compose">
		<form name="compose-form" id="compose-form" method="post" enctype="multipart/form-data" action="/{{$db}}/process{{!empty($uid) ? '/'.$uid : ''}}">
			@csrf

	        <div class="form-group">
	            <label>Title</label>
	            <input type="text" class="form-control" name="title" placeholder="Title" autocomplete="off" value="{{!empty($var->title) ? $var->title:''}}" />

	            @if (!empty($uid) and !empty($cfg->use->textUrl))
		            <div class="input-group mt-2">
		                <span class="input-group-text">Url</span>
		                <input type="text" class="form-control" name="url" placeholder="Url (auto-generate)" autocomplete="off" value="{{!empty($var->url) ? $var->url:''}}" disabled>
		                <button type="button" id="set-url" class="btn btn-secondary"><i class="bi bi-lock-fill"></i></button>
		            </div>
	            @endif
	        </div>

	        <div class="form-option mt-4">
	        	@if (!empty($cfg->use->category) and !empty($cfg->category))
        			@foreach ($cfg->category as $cat)
        				<div class="option-item">
        					<span {!! !empty($cat->color) ? 'class="badge" style="background-color: '.$cat->color.'"':'class="badge bg-primary"' !!}>
        						<input type="checkbox" autocomplete="off" name="category[]" value="{{$cat->title}}" @checked((isset($var->category) and in_array($cat->title, $var->category)))>{{$cat->title}}
        					</span>
        				</div>
        			@endforeach
        			<span class="bbs-divider"></span>
	        	@endif

	        	@if (!empty($cfg->use->notice))
	                <div class="option-item">
	                    <input type='checkbox' name='option[]' value='notice' @checked((isset($var->option->notice) and $var->option->notice==1))> 공지사항
	                </div>
	        	@endif

	        	@if (!empty($cfg->use->blockCopy))
	                <div class="option-item">
	                    <input type='checkbox' name='option[]' value='blockCopy' @checked((isset($var->option->blockCopy) and $var->option->blockCopy==1))> 복사방지
	                </div>
	        	@endif

	        	@if (!empty($cfg->use->showimage))
	                <div class="option-item">
	                    <input type='checkbox' name='option[]' value='showimage' @checked(((isset($var->option->showimage) and $var->option->showimage==1) or empty($uid)))> 대표이미지보이기
	                </div>
	        	@endif

	        	@if (!empty($cfg->use->noindent))
	                <div class="option-item">
	                    <input type='checkbox' name='option[]' value='noindent' @checked(((isset($var->option->noindent) and $var->option->noindent==1) or empty($uid)))> no-indent
	                </div>
	        	@endif
	        </div>

	        <div class="form-group">
	            <label>Abstract</label>
	            <textarea name="abstract" class="form-control" placeholder="abstract">{{!empty($var->abstract) ? $var->abstract:''}}</textarea>
	        </div>

	        <div class="form-group mb-2">
	            <label>Content</label>           

	            <textarea name="content" class="form-control editor" id="{{$menuId}}-bbs-content{{!empty($var->uid) ? $var->uid:''}}">{!! !empty($var->content) ? $var->content:'' !!}</textarea>
	        </div>

	        @if ($access->FileUpload and isset($cfg->use->fileupload))
	        	@php($files = !empty($var->files) ? $var->files:[])
	        	@include('files-edit', ['files'=>$files])
	        @endif

	        @if ($access->FullControl and $uid)
	            <label>Date</label>
	            <div class="date-form row">
	                <div class="col-md input-group">
	                    <span class="input-group-text">Created at</span>
	                    <input type="text" name="created_at" class="form-control" value="{{$var->created_at}}" disabled>
	                    <button type="button" id="set-date-form" class="btn btn-secondary"><i class="bi bi-lock-fill"></i></button>
	                </div>
	            </div>
	        @endif

	        <div class="submit">
	            <button class="btn btn-lg btn-danger" type="submit">Save Changed</button>
	        </div>

		</form>

		@include($viewPath.'footer')
	</main>

	<script type="text/javascript">
		@if ($access->FullControl and $uid)
	        $("#set-url").on('click', function(e){
	            e.preventDefault();

	            if ($('input[name="url"]').prop('disabled') == true) {
		            $(this).find('.bi-lock-fill').removeClass('bi-lock-fill').addClass('bi-unlock-fill');
		            $('input[name="url"]').prop('disabled', false);
	            } else {
		            $(this).find('.bi-unlock-fill').removeClass('bi-unlock-fill').addClass('bi-lock-fill');
		            $('input[name="url"]').prop('disabled', true);
	            }
	        });
		
	        $("#set-date-form").on('click', function(e){
	            e.preventDefault();

	            if ($('input[name="created_at"]').prop('disabled') == true) {
		            $(this).find('.bi-lock-fill').removeClass('bi-lock-fill').addClass('bi-unlock-fill');
		            $('input[name="created_at"]').prop('disabled', false);
	            } else {
		            $(this).find('.bi-unlock-fill').removeClass('bi-unlock-fill').addClass('bi-lock-fill');
		            $('input[name="created_at"]').prop('disabled', true);
	            }
	        });
		@endif
		
		{!! editorCreate('.editor', '/'.$db.'/ck-upload') !!}		
	</script>

@endsection