@extends('layouts.master')
@section('title', 'Setup App Setting')
@section('parentPageTitle', 'All')

@section('css-link')
    <link href="https://unpkg.com/filepond/dist/filepond.css" rel="stylesheet">
@stop

@section('page-style')

@stop
@section('content')
    <div class="row">
        <div class="col-md-10 offset-md-1 px-3">
            <div class="card m-2 gateway-setting">
                <div class="card-header">
                    <div class="row d-flex">
                        <div class="col-lg-8">
                            <h2>{{ __('Lets Update ') }} <strong>{{ env('APP_NAME') }}</strong></h2>
                        </div>
                        <div class="col-lg-4 text-right mt-2">
                            <h4 class="card-title">@translate(Current Version : ) <strong>{{ env('APP_VERSION') }}</strong> </h4>
                        </div>

                    </div>
                </div>
                <div class="card-body">
                    @if (!session()->has('app-updated'))
                        <div class="card-body {{ session()->has('app-updated') ? 'bg-soft-success' : '' }}">
                            <div class="">
                                <input type="file" id="file" required class="dropify media-img" />
                            </div>
                            <form action="{{ route('app.updateStore') }}" class="flex justify-center" method="post"
                                enctype="multipart/form-data">
                                @csrf
                                <input type="hidden" name="file">
                                <div class="text-center mt-2">
                                    <button type="submit" class="btn btn-primary media-btn-submit">
                                        Click To Update
                                    </button>
                                </div>
                            </form>

                            <div class="-m-2 mt-5">
                                <div class="flex justify-center">
                                    <ul
                                        class="alert alert-warning  rounded-lg shadow text-md font-medium p-2 mx-2 text-center">
                                        {{ __('Tip: Before application update please make sure you have backed up your database and files. Upgrade may take time to finish. Do not close this window or disconnect your internet connection.') }}
                                    </ul>
                                </div>
                            </div>
                        </div>
                    @else
                        <div class="card-body">
                            <div class="-m-2 mt-5">
                                <div class="flex justify-center">
                                    <a href="{{ route('app.updateFinalize') }}" class="btn btn-primary media-btn-submit">
                                        Click To Update
                                    </a>
                                </div>
                            </div>
                        </div>
                    @endif

                </div>
            </div>
        </div>
    </div>


@endsection



@section('js-link')
    <script src="https://unpkg.com/filepond/dist/filepond.js"></script>
    <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
@stop

@section('page-script')
    <script>
        const inputElement = document.querySelector('input[id="file"]');
        const pond = FilePond.create(inputElement);
        FilePond.setOptions({
            chunkUploads: true,
            server: {
                url: "{{ url('/filepond/upload') }}",
                method: 'post',
                headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                }
            }
        });
        pond.on('processfile', (e, file) => {
            console.log(file);
            $('#click_update').removeClass('hidden')
        });
    </script>
@stop