@section('panelTitle')
    {{ trans('Templates::admin/manage/lists/images.panel-title') }}
@overwrite
@section('panelContent')
    {!! Form::open(['route' => 'admin::options::save','class' => 'form-horizontal', 'enctype' => 'multipart/form-data']) !!}

    <div class="form-group">
        <div class="col-sm-2 control-label">
            {!! Form::label('logo', trans('Templates::admin/manage/lists/images.labels.logo')) !!}
        </div>
        <div class="col-sm-10">

            @if (c_options()->get('logo', 'template'))
                <div class="form-group">
                    <div class="col-sm-12">
                        <img class="img-responsive" src="{{ asset('images/' . c_options()->get('logo', 'template')) }}">
                    </div>
                    <div class="col-sm-12">
                        {!! Form::button( trans('global.delete'), ['class' => 'btn btn-danger delete-image', 'data-type' => 'logo'] ) !!}
                    </div>
                </div>
            @endif

            <div class="input-group">
                <span class="input-group-btn">
                    <span class="btn btn-primary btn-success btn-file">
                        {{ trans('Templates::admin/manage/lists/images.labels.select_logo') }}
                        {!! Form::file('images[logo]', ['id' => 'logo']) !!}
                    </span>
                </span>

                {!! Form::text(null, null, ['class' => 'form-control', 'readonly' => '']) !!}
            </div>

        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-2 control-label">
            {!! Form::label('favicon', trans('Templates::admin/manage/lists/images.labels.favicon')) !!}
        </div>
        <div class="col-sm-10">

            @if (c_options()->get('favicon', 'template'))
                <div class="form-group">
                    <div class="col-sm-12">
                        <img class="img-responsive" src="{{ asset('images/' . c_options()->get('favicon', 'template')) }}">
                    </div>
                    <div class="col-sm-12">
                        {!! Form::button( trans('global.delete'), ['class' => 'btn btn-danger delete-image', 'data-type' => 'favicon'] ) !!}
                    </div>
                </div>
            @endif

            <div class="input-group">
                <span class="input-group-btn">
                    <span class="btn btn-primary btn-success btn-file">
                        {{ trans('Templates::admin/manage/lists/images.labels.select_favicon') }}
                        {!! Form::file('images[favicon]', ['id' => 'favicon']) !!}
                    </span>
                </span>

                {!! Form::text(null, null, ['class' => 'form-control', 'readonly' => '']) !!}
            </div>
        </div>
    </div>

    <div class="form-group margin-bottom-0">
        <div class="col-xs-12 text-right">
            {!! Form::button( trans('global.save'), ['type' => 'submit', 'class' => 'btn btn-wide btn-success ladda-button', 'data-style' => 'slide-up'] ) !!}
        </div>
    </div>
    {!! Form::close() !!}
@overwrite

@push('footScripts')
<script>
    $(".delete-image").on("click", function(e) {
        var type = $(this).data('type');
        swal({
            title: "{{ trans('Templates::admin/manage/lists/images.options.delete.sweet-alert.title') }}",
            text: "{{ trans('Templates::admin/manage/lists/images.options.delete.sweet-alert.text') }}",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "{{ trans('Templates::admin/manage/lists/images.options.delete.sweet-alert.confirmButtonText') }}",
            cancelButtonText: "{{ trans('Templates::admin/manage/lists/images.options.delete.sweet-alert.cancelButtonText') }}",
            closeOnConfirm: false,
            closeOnCancel: true
        }, function (isConfirm) {
            if (isConfirm) {
                var url = '{{ route('admin::options::images::delete', '%s') }}';
                url = url.replace('%s', type);

                $.ajax({
                    url: url,
                    method: 'DELETE'
                }).done(function (data) {
                    swal(
                        "{{ trans('Templates::admin/manage/lists/images.options.delete.sweet-alert.result.deleted.title') }}",
                        "{{ trans('Templates::admin/manage/lists/images.options.delete.sweet-alert.result.deleted.text') }}",
                        "success"
                    );
                    $("[data-type=" + type + "]").parent().parent().remove();

                }).fail(function (data) {
                    var error = $.parseJSON(data['responseText']);
                    swal(
                        "{{ trans('Templates::admin/lists/images.options.delete.sweet-alert.result.error.title') }}",
                        error['error'],
                        "error"
                    );
                });
            }
        });

        e.preventDefault();
    });
</script>
@endpush

@include('admin.layouts.includes.panel', ['id' => 'options-images-settings'])