{{--synced with serve--}}
@extends('admin.template.master')

@section('stylesheets')
    <style>
        .brand_logo {
            display: block;
            max-width: 250px;
            margin-bottom: 10px;
        }
    </style>
@endsection

@section('title')
    <section class="content-header">
        <h1>
            Star Item Sync

        </h1>
        <ol class="breadcrumb">
            <li><a href="{!! url('admin/') !!}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">Star Item Sync</li>
        </ol>
    </section>
@endsection

@section('main-content')
    <section class="content">

        


         
        <div class="row" id="result" style="display: none;">
            <div class="col-xs-12">
                <div class="alert alert-danger alert-dismissible">
                    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                    
                </div>
            </div>
        </div>
        



        <div class="row">
            <div class="col-md-12">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title"> </h3>
                    </div> 
                    <div class="box-footer">
                        <button type="button" class="btn btn-primary" id="sync_star_items">Sync Star Items</button>
                    </div>                    

                </div>
            </div>
        </div>
    </section>
@endsection

@section('javascripts')
    <script type="text/javascript">
        $(document).ready(function () {

           $(document).on("click", "#sync_star_items", function() {
                $('#sync_star_items').attr('disabled', true);
                $.ajax({
                    method: "GET",
                    url: "{{ route('autoSyncStarItems') }}",
                    success: function(res) {
                        console.log(res);
                        if (res === 'done') {
                            alert(res);
                            $('#sync_star_items').attr('disabled', false);
                        } else {
                            $('#sync_star_items').attr('disabled', true);
                        }
                    }
                });
           });     

        });
    </script>
@endsection