@extends('laravelticket::layouts.master')

@section('page', trans('laravelticket::admin.config-edit-subtitle'))

@section('laravelticket_header')
    <a href="{{ route($setting->grab('admin_route').'.configuration.index') }}"
       class="inline-flex items-center px-4 py-2 bg-gray-200 dark:bg-gray-700 hover:bg-gray-300 dark:hover:bg-gray-600 text-gray-800 dark:text-gray-200 text-sm font-medium rounded-md transition-colors">
        {{ trans('laravelticket::admin.btn-back') }}
    </a>
@stop

@section('laravelticket_content')
    {!!
        html()->modelForm($configuration, 'patch', route($setting->grab('admin_route').'.configuration.update', $configuration->id))
    !!}

    {{-- Tools helper card --}}
    <div class="bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-4 mb-5 text-sm text-gray-700 dark:text-gray-300">
        <b>{{ trans('laravelticket::admin.config-edit-tools') }}</b><br>
        <a href="https://www.functions-online.com/unserialize.html" target="_blank"
           class="text-indigo-600 dark:text-indigo-400 hover:underline">
            {{ trans('laravelticket::admin.config-edit-unserialize') }}
        </a><br>
        <a href="https://www.functions-online.com/serialize.html" target="_blank"
           class="text-indigo-600 dark:text-indigo-400 hover:underline">
            {{ trans('laravelticket::admin.config-edit-serialize') }}
        </a>
    </div>

    @if(trans("laravelticket::settings." . $configuration->slug) != ("laravelticket::settings." . $configuration->slug) && trans("laravelticket::settings." . $configuration->slug))
        <div class="bg-indigo-50 dark:bg-indigo-900/20 border border-indigo-200 dark:border-indigo-700 rounded-lg p-4 mb-5 text-sm text-indigo-800 dark:text-indigo-200">
            {!! trans("laravelticket::settings." . $configuration->slug) !!}
        </div>
    @endif

    <div class="space-y-4 max-w-2xl">

        {{-- ID Field --}}
        <div class="grid grid-cols-1 sm:grid-cols-4 gap-2 items-start">
            {!! html()->label('id', trans('laravelticket::admin.config-edit-id') . trans('laravelticket::admin.colon'))
                ->class('sm:col-span-1 block text-sm font-medium text-gray-700 dark:text-gray-300 pt-2') !!}
            <div class="sm:col-span-3">
                {!! html()->text('id', null)->class('w-full rounded-md border-gray-300 dark:border-gray-600 dark:bg-gray-900 dark:text-gray-100 shadow-sm text-sm bg-gray-100 dark:bg-gray-700')->disabled() !!}
            </div>
        </div>

        {{-- Slug Field --}}
        <div class="grid grid-cols-1 sm:grid-cols-4 gap-2 items-start">
            {!! html()->label('slug', trans('laravelticket::admin.config-edit-slug') . trans('laravelticket::admin.colon'))
                ->class('sm:col-span-1 block text-sm font-medium text-gray-700 dark:text-gray-300 pt-2') !!}
            <div class="sm:col-span-3">
                {!! html()->text('slug', null)->class('w-full rounded-md border-gray-300 dark:border-gray-600 dark:bg-gray-900 dark:text-gray-100 shadow-sm text-sm bg-gray-100 dark:bg-gray-700')->disabled() !!}
            </div>
        </div>

        {{-- Default Field --}}
        <div class="grid grid-cols-1 sm:grid-cols-4 gap-2 items-start">
            {!! html()->label('default', trans('laravelticket::admin.config-edit-default') . trans('laravelticket::admin.colon'))
                ->class('sm:col-span-1 block text-sm font-medium text-gray-700 dark:text-gray-300 pt-2') !!}
            <div class="sm:col-span-3">
                @if(!$default_serialized)
                    {!! html()->text('default', null)->class('w-full rounded-md border-gray-300 dark:border-gray-600 dark:bg-gray-900 dark:text-gray-100 shadow-sm text-sm bg-gray-100 dark:bg-gray-700')->disabled() !!}
                @else
                    <pre class="bg-gray-100 dark:bg-gray-800 rounded p-3 text-xs overflow-x-auto text-gray-800 dark:text-gray-200">{{var_export(unserialize($configuration->default), true)}}</pre>
                @endif
            </div>
        </div>

        {{-- Value Field --}}
        <div class="grid grid-cols-1 sm:grid-cols-4 gap-2 items-start">
            {!! html()->label('value', trans('laravelticket::admin.config-edit-value') . trans('laravelticket::admin.colon'))
                ->class('sm:col-span-1 block text-sm font-medium text-gray-700 dark:text-gray-300 pt-2') !!}
            <div class="sm:col-span-3">
                @if(!$should_serialize)
                    {!! html()->text('value', null)->class('w-full rounded-md border-gray-300 dark:border-gray-600 dark:bg-gray-900 dark:text-gray-100 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 text-sm') !!}
                @else
                    {!! html()->textarea('value', var_export(unserialize($configuration->value)))->class('w-full rounded-md border-gray-300 dark:border-gray-600 dark:bg-gray-900 dark:text-gray-100 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 text-sm font-mono') !!}
                @endif
            </div>
        </div>

        {{-- Serialize Checkbox --}}
        <div class="grid grid-cols-1 sm:grid-cols-4 gap-2 items-start">
            {!! html()->label('serialize', trans('laravelticket::admin.config-edit-should-serialize') . trans('laravelticket::admin.colon'))
                ->class('sm:col-span-1 block text-sm font-medium text-gray-700 dark:text-gray-300 pt-2') !!}
            <div class="sm:col-span-3 space-y-1">
                {!! html()->checkbox('serialize', 1, $should_serialize)
                    ->attributes(['class' => 'rounded border-gray-300 text-indigo-600 shadow-sm focus:ring-indigo-500', 'onchange' => 'changeSerialize(this)']) !!}
                <p id="serialize-warning" class="text-xs text-red-600 dark:text-red-400" style="{{ $should_serialize ? '' : 'display:none' }}">
                    @lang('laravelticket::admin.config-edit-eval-warning')
                    <code class="font-mono">eval('$value = serialize(' . $value . ');')</code>
                </p>
            </div>
        </div>

        {{-- Password Field (shown only when serialize checked) --}}
        <div id="serialize-password" class="grid grid-cols-1 sm:grid-cols-4 gap-2 items-start"
             style="{{ $should_serialize ? '' : 'display:none' }}">
            {!! html()->label('password', trans('laravelticket::admin.config-edit-re-enter-password') . trans('laravelticket::admin.colon'))
                ->class('sm:col-span-1 block text-sm font-medium text-gray-700 dark:text-gray-300 pt-2') !!}
            <div class="sm:col-span-3">
                {!! html()->password('password')->class('w-full rounded-md border-gray-300 dark:border-gray-600 dark:bg-gray-900 dark:text-gray-100 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 text-sm') !!}
            </div>
        </div>

        {{-- Lang Field --}}
        <div class="grid grid-cols-1 sm:grid-cols-4 gap-2 items-start">
            {!! html()->label('lang', trans('laravelticket::admin.config-edit-language') . trans('laravelticket::admin.colon'))
                ->class('sm:col-span-1 block text-sm font-medium text-gray-700 dark:text-gray-300 pt-2') !!}
            <div class="sm:col-span-3">
                {!! html()->text('lang', null)->class('w-full rounded-md border-gray-300 dark:border-gray-600 dark:bg-gray-900 dark:text-gray-100 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 text-sm') !!}
            </div>
        </div>

        {{-- Submit --}}
        <div class="pt-2">
            {!! html()->submit(trans('laravelticket::admin.btn-submit'))
                ->class('inline-flex items-center px-4 py-2 bg-indigo-600 hover:bg-indigo-700 text-white text-sm font-medium rounded-md transition-colors') !!}
        </div>

    </div>

    {!! html()->closeModelForm() !!}

    <script>
        function changeSerialize(e) {
            document.querySelector('#serialize-password').style.display = e.checked ? '' : 'none';
            document.querySelector('#serialize-warning').style.display  = e.checked ? '' : 'none';
        }
    </script>

    @if($should_serialize)
        <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/{{ Binshops\LaravelTicket\Helpers\Cdn::CodeMirror }}/codemirror.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/{{ Binshops\LaravelTicket\Helpers\Cdn::CodeMirror }}/mode/clike/clike.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/{{ Binshops\LaravelTicket\Helpers\Cdn::CodeMirror }}/mode/php/php.min.js"></script>
        <script>
            /* loadCSS defined inline since shared/assets.blade.php no longer loads it */
            function loadCSS(filename) {
                var file = document.createElement('link');
                file.setAttribute('rel', 'stylesheet');
                file.setAttribute('type', 'text/css');
                file.setAttribute('href', filename);
                document.getElementsByTagName('head')[0].appendChild(file);
            }
            loadCSS({!! '"'.asset('https://cdnjs.cloudflare.com/ajax/libs/codemirror/' . Binshops\LaravelTicket\Helpers\Cdn::CodeMirror . '/codemirror.min.css').'"' !!});
            loadCSS({!! '"'.asset('https://cdnjs.cloudflare.com/ajax/libs/codemirror/' . Binshops\LaravelTicket\Helpers\Cdn::CodeMirror . '/theme/monokai.min.css').'"' !!});

            window.addEventListener('load', function () {
                CodeMirror.fromTextArea(document.querySelector("textarea[name='value']"), {
                    lineNumbers: true,
                    mode: 'text/x-php',
                    theme: 'monokai',
                    indentUnit: 2,
                    lineWrapping: true
                });
            });
        </script>
    @endif

@stop