@extends('layouts.adminLayouts')

@section('head')
    <link href="{{ asset('assets/modules/dropzonejs/dropzone.css') }}" rel="stylesheet">
    <link href="{{url('assets/css/bootstrap-editable.css')}}"
          rel="stylesheet"/>
    <meta name="_token" content="{{csrf_token()}}">
@endsection


@section('content')

    @include('admin.update-app.update_info')

    <div class="row">
        <div class="col-xs-12 px-2">
            @php($digilaraUpdateCompanySetting = \Fakhrani\Digilara\Functions\DigilaraUpdate::companySetting())

            @if(!is_null($digilaraUpdateCompanySetting->supported_until))
                <div id="support-div">
                    @if(\Carbon\Carbon::parse($digilaraUpdateCompanySetting->supported_until)->isPast())
                        <div class="col-md-12 alert alert-danger ">
                            <div class="col-md-6">
                                پشتیبانی شما در تاریخ  <b><span
                                        id="support-date">{{\Morilog\Jalali\Jalalian::forge($digilaraUpdateCompanySetting->supported_until)->format('Y F j')}}</span> به اتمام رسیده است.</b>
                            </div>
                            <div class="col-md-6 text-right">
                                <a href="{{ config('fakhrani_digilara.digilara_product_url') }}" target="_blank"
                                   class="btn btn-inverse btn-small">تمدید پشتیبانی <i
                                        class="fa fa-shopping-cart"></i></a>
                            </div>
                        </div>
                    @else
                        <div class="alert alert-primary alert-has-icon">
                            <div class="alert-icon"><i class="fa fa-support"></i></div>
                            <div class="alert-body">
                                <div class="alert-title">@lang('module_settings.support')</div>
                                @lang('module_settings.supportWillExpireOn') <b><span
                                        id="support-date">{{\Morilog\Jalali\Jalalian::forge($digilaraUpdateCompanySetting->supported_until)->format('Y F j')}}</span></b>
                            </div>
                        </div>
                    @endif
                </div>
            @endif

            <ul class="nav nav-tabs custom-tab update-options-tab" id="myTab" role="tablist">
                <li class="nav-item active">
                    <a class="nav-link @if($activeUpdateTab == 'appDetails') active @endif" id="system-details-tab"
                       data-toggle="tab" href="#system-details-app" role="tab" aria-controls="system-details-app"
                       aria-selected="true"><i class="fa fa-address-book"></i> @lang('module_settings.systemDetails')
                    </a>
                </li>

                <li class="nav-item">
                    <a class="nav-link @if($activeUpdateTab == 'oneClickUpdate') active @endif"
                       id="one-click-update-app-tab" data-toggle="tab" href="#one-click-update-app" role="tab"
                       aria-controls="one-click-update-app" aria-selected="false"><i
                            class="fa fa-refresh"></i> @lang('module_settings.oneClickUpdate')</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="manual-update-app-tab" data-toggle="tab" href="#manual-update-app"
                       role="tab" aria-controls="manual-update-app" aria-selected="false"><i
                            class="fa fa-upload"></i> @lang('module_settings.manualUpdate')</a>
                </li>

                <li class="nav-item">
                    <a class="nav-link" id="log-update-app-tab" data-toggle="tab" href="#log-update-app"
                       role="tab" aria-controls="log-update-app" aria-selected="false"><i
                            class="fa fa-history"></i> @lang('module_settings.logUpdate')</a>
                </li>

            </ul>
            <div class="tab-content content-update-option-tab" id="myTabContent">
                <div class="tab-pane in active"
                     id="system-details-app" role="tabpanel" aria-labelledby="system-details-tab">
                    @include('vendor.fakhrani-digilara.update.version_info')
                </div>

                <div class="tab-pane fade"
                     id="one-click-update-app" role="tabpanel" aria-labelledby="one-click-update-app-tab">
                    @include('vendor.fakhrani-digilara.update.update_blade')
                </div>
                <div class="tab-pane fade" id="manual-update-app" role="tabpanel"
                     aria-labelledby="manual-update-app-tab">
                    <div class="col-md-12">
                        <div class="alert alert-danger alert-has-icon">
                            <div class="alert-icon"><i class="fa fa-info"></i></div>
                            <div class="alert-body">
                                <p>@lang('module_settings.updateBackupNotice')</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <h6 class="text-info">@lang('module_settings.step1')</h6>
                                        <a href="{{ $downloadLink }}" class="btn btn-outline-success btn-small">
                                            <i class="fa fa-download"></i> @lang('module_settings.downloadUpdateFile')
                                        </a>
                                    </div>
                                    <div class="col-md-12 mt-5">
                                        <h6 class="text-info">@lang('module_settings.step2')</h6>
                                        <form action="{{ url('admin/updates') }}" class="dropzone"
                                              id="file-upload-dropzone">
                                            {{ csrf_field() }}

                                            <div class="fallback">
                                                <input name="file" type="file" multiple/>
                                            </div>
                                        </form>
                                    </div>

                                    <div class="col-md-12" id="install-process">

                                    </div>

                                    <div class="col-md-12 mt-5">
                                        <h6 class="text-info">@lang('module_settings.step3')</h6>
                                        <ul class="list-group" id="files-list">
                                            @include('admin.update-app.manual_files')
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="tab-pane fade"
                     id="log-update-app" role="tabpanel" aria-labelledby="log-update-app-tab">
                    @include('vendor.fakhrani-digilara.update.changelog')
                </div>

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

@endsection

@section('footer')
    <script src="{{ asset('assets/modules/dropzonejs/min/dropzone.min.js') }}"></script>
    @include('vendor.fakhrani-digilara.update.update_script')

    <script>

        Dropzone.options.fileUploadDropzone = {
            paramName: "file", // The name that will be used to transfer the file
            dictDefaultMessage: "@lang('module_settings.dropzoneUploadText')",
            accept: function (file, done) {
                done();
            },
            init: function () {
                this.on("success", function (file, response) {
                    $('#files-list').html(response.html);
                })
            }
        };

        var dropzone = new Dropzone("#file-upload-dropzone");

        function deleteUploadedFile(fileNumber, filePath) {
            Swal.fire({
                title: 'هشدار',
                type: 'warning',
                text: 'آیا از حذف این بروزرسانی اطمینان دارید؟',
                showCancelButton: true,
                confirmButtonColor: '#00a018',
                cancelButtonColor: '#d33',
                confirmButtonText: 'بله',
                cancelButtonText: 'خیر'
            }).then((result) => {
                if (result.value) {
                    $.ajax({
                        type: 'POST',
                        container: '#manual-update-app',
                        url: '{{url('admin/delete-file')}}',
                        data: {"_token": "{{ csrf_token() }}", filePath: filePath},
                        messagePosition: "toastr",
                        success: function (response) {
                            $('#file-' + fileNumber).remove();
                        }
                    });
                }
            });
        }

        function installUploadedFile(fileNumber, filePath) {
            Swal.fire({
                title: 'هشدار',
                type: 'warning',
                text: 'آیا می خواهید این بروزرسانی انجام گیرد؟',
                showCancelButton: true,
                confirmButtonColor: '#00a018',
                cancelButtonColor: '#d33',
                confirmButtonText: 'بله',
                cancelButtonText: 'خیر'
            }).then((result) => {
                if (result.value) {
                    $('#install-process').html('<div class="alert alert-info alert-has-icon mt-5"><div class="alert-icon"><i class="far fa-lightbulb"></i></div><div class="alert-body"><div class="alert-title">@lang('module_settings.installing')</div>@lang('module_settings.installationInProcess') </div>');

                    $.ajax({
                        type: 'POST',
                        container: '#manual-update-app',
                        url: '{{url('admin/install-by-file')}}',
                        data: {"_token": "{{ csrf_token() }}", filePath: filePath},
                        messagePosition: "toastr",
                        success: function (response) {
                            if (response.status == 'success') {
                                $('#install-process').html('<div class="alert alert-success mt-5"><i class="fa fa-check"></i> @lang('module_settings.installationSuccess')</div>');
                                window.location.reload();
                            }
                        }
                    });
                }
            });
        }

    </script>
    <script
        src="{{url('/assets/js/bootstrap-editable.min.js')}}"></script>
    <script type="text/javascript">
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
            }
        });

        $('.purchase').editable({
            url: '/admin/purchase',
            success: function (response) {
                toastr.success(response.message);
                location.reload();
            },
            error:function (xhr) {
                toastr.warning('کد سفارش شما مورد تایید نیست.');
            }
        });
    </script>
@endsection