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

@push('head')
    {!! resource($defaultSkinPath.'asset/common.css') !!}
    {!! resource($skinPath.'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>제목</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>
            <label>카테고리</label>
            <div class="form-option">
	        	@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
            </div>

            <label>옵션</label>
            <div class="form-option ">
                <div class="option-item">
                    <input type='checkbox' name='option[]' value='youtube' @checked((isset($var->option->youtube) and $var->option->youtube==1))> youtube
                </div>
            </div>

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

            <div class="form-group mb-2">
                <label>콘텐츠</label>

                <textarea name="content" class="form-control editor" id="{{$db}}-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->allFiles) ? $var->allFiles:[])
                @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($defaultPath.'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