@extends('admin.layouts.main', array('scripts' => array(path_asset('path.backoffice.js_path') . '/view/projects-api.js')))

@section('content')
    <div class="row" id="projects_api">
        <div class="col-xs-12">
            <h3>Projects API Sync</h3>
            <!--
            <div class="row">
                <div class="col-sm-6">
                    <h4>Full project sync</h4>
                    <form method="POST" action="{{ $website->base_url . '/admin/sync-projects' }}">
                        @csrf
                        <input class="btn" type="submit" value="Sync Projects">
                    </form>
                </div>
            </div>
            -->
            <div class="row">
                <div class="col-sm-3">
                    <h4>Single project sync</h4>
                    <form method="POST">
                        @csrf
                        <div class="form-group form-language-group form-language-en default-lang   is-versionable blocks-mode--hide" style="">
                            <label for="title_en" class="control-label">Project ID (SP API ID):</label>
                            <input class="form-control" maxlength="10" name="api_id" type="text">
                        </div>
                        <input class="btn" type="submit" value="Sync Project">
                    </form>
                </div>
                <div class="col-sm-9">
                    <h4>Result</h4>
                    <div class="projects-api__result">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(function() {
            var projectsApiController = new Eae.View.ProjectsApi({
                el : $('#projects_api'),
                userId : "{{ Auth::guard('admin')->user()->id }}"
            });
        });
    </script>
@stop