@extends('settings.default')
@push('css_lib')
{{--dropzone--}}
<link rel="stylesheet" href="{{asset('plugins/dropzone/bootstrap.min.css')}}">
@endpush
@section('settings_title', 'Global')
@section('settings_content')
@include('flash::message')
<div class="clearfix"></div>
<div class="card">
    <div class="card-header">
        <ul class="nav nav-tabs align-items-end card-header-tabs w-100">
            <li class="nav-item">
                <a class="nav-link active" href="{!! url()->current() !!}"><i class="fa fa-cog mr-2"></i>Global Settings</a>
            </li>
        </ul>
    </div>
    <div class="card-body">
        <div class="row">
            <div style="flex: 50%;max-width: 50%;padding: 0 4px;" class="column">

                {!! Form::open(['url' => ['settings/update'], 'method' => 'patch']) !!}
                <!-- app name Field -->
                <div class="form-group row ">
                    {!! Form::label('app_name', 'Application Name', ['class' => 'col-4 control-label text-right']) !!}
                    <div class="col-8">
                        {!! Form::text('app_name', setting('app_name'), ['class' => 'form-control']) !!}

                    </div>
                </div>

                <!-- app short description Field -->
                <div class="form-group row ">
                    {!! Form::label('app_short_description', 'Short Description', ['class' => 'col-4 control-label text-right']) !!}
                    <div class="col-8">
                        {!! Form::text('app_short_description', setting('app_short_description'), ['class' => 'form-control']) !!}
                    </div>
                </div>


                <!-- app_version Field -->
                <div class="form-group row ">
                    {!! Form::label('app_version', 'Application Version', ['class' => 'col-4 control-label text-right']) !!}
                    <div class="col-8">
                        {!! Form::text('app_version', setting('app_version',"1.0.0"), ['class' => 'form-control','placeholder'=> 'App Version']) !!}
                        <div class="form-text text-muted">
                            Insert the application version
                        </div>
                    </div>
                </div>
            </div>
            <div style="flex: 50%;max-width: 50%;padding: 0 4px;" class="column">

                <!-- App Logo Field -->
                <div class="form-group row">
                    {!! Form::label('app_logo', 'Application Logo', ['class' => 'col-4 control-label text-right']) !!}
                    <div class="col-8">
                        <div style="width: 100%" class="dropzone app_logo" id="app_logo" data-field="app_logo">
                            <input type="hidden" name="app_logo">
                        </div>
                        <a href="#loadMediaModal" data-dropzone="app_logo" data-toggle="modal" data-target="#mediaModal" class="btn btn-outline-primary btn-sm float-right mt-1">from Media</a>
                        <div class="form-text text-muted w-50">
                            Upload your logo or select from media library
                        </div>
                    </div>
                </div>

                @prepend('scripts')
                    <script type="text/javascript">
                        var dzAppLogo = '';
                        @if(isset($upload) && $upload->hasMedia('app_logo'))
                            dzAppLogo = {
                            name: "{!! $upload->getFirstMedia('app_logo')->name !!}",
                            size: "{!! $upload->getFirstMedia('app_logo')->size !!}",
                            type: "{!! $upload->getFirstMedia('app_logo')->mime_type !!}",
                            collection_name: "{!! $upload->getFirstMedia('app_logo')->collection_name !!}"
                        };
                                @endif
                        var dz_dzAppLogo = $(".dropzone.app_logo").dropzone({
                                url: "{!!url('uploads/store')!!}",
                                addRemoveLinks: true,
                                maxFiles: 1,
                                init: function () {
                                    @if(isset($upload) && $upload->hasMedia('app_logo'))
                                    dzInit(this, dzAppLogo, '{!! url($upload->getFirstMediaUrl('app_logo','thumb')) !!}')
                                    @endif
                                },
                                accept: function (file, done) {
                                    dzAccept(file, done, this.element, "{!!config('medialibrary.icons_folder')!!}");
                                },
                                sending: function (file, xhr, formData) {
                                    dzSending(this, file, formData, '{!! csrf_token() !!}');
                                },
                                maxfilesexceeded: function (file) {
                                    dz_dzAppLogo[0].mockFile = '';
                                    dzMaxfile(this, file);
                                },
                                complete: function (file) {
                                    dzComplete(this, file, dzAppLogo, dz_dzAppLogo[0].mockFile);
                                    dz_dzAppLogo[0].mockFile = file;
                                },
                                removedfile: function (file) {
                                    dzRemoveFile(
                                        file, dzAppLogo, '{!! url("uploads/remove-media") !!}',
                                        'app_logo', '{!! isset($upload) ? $upload->id : 0 !!}', '{!! url("uploads/clear") !!}', '{!! csrf_token() !!}'
                                    );
                                }
                            });
                        dz_dzAppLogo[0].mockFile = dzAppLogo;
                        dropzoneFields['app_logo'] = dz_dzAppLogo;
                    </script>
                    @endprepend




            </div>






        </div>
    </div>
    <!-- Submit Field -->
    <div class="form-group mt-4 col-12 text-right">
        <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> Save
        </button>
        <a href="{!! url()->current() !!}" class="btn btn-default"><i class="fa fa-undo"></i> Cancel</a>
    </div>

    {!! Form::close() !!}
    <div class="clearfix"></div>



</div>



@include('layouts.media_modal')
@endsection
@push('scripts_lib')

{{--dropzone--}}
<script src="{{asset('plugins/dropzone/dropzone.js')}}"></script>
<script type="text/javascript">
    Dropzone.autoDiscover = false;
    var dropzoneFields = [];
</script>
@endpush