@extends('admin.template.master')

@section('title')
    <section class="content-header">
        <h1>
            Generate Static File
        </h1>
        <ol class="breadcrumb">
            <li><a href="{!! url('admin/') !!}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">Generate Static File</li>
        </ol>
    </section>
@endsection

@section('main-content')
    <section class="content">
        @if(Session::has('message'))
            <div class="row">
                <div class="col-xs-12">
                    <div class="alert alert-success alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                        {{Session('message')}}
                    </div>
                </div>
            </div>
        @endif

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

        <div class="row">
            <div class="col-xs-12">
                <div class="box">
                    <div class="box-header">
                        <a class="btn btn-primary" href="javascript:void(0);" id="generate_home_page">Home Page
                            Generate</a>
                    </div>

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

@section('javascripts')
    <script type="text/javascript">
        var generate_home_page = $('#generate_home_page');
        var generate_message = $("#generate_message");
        $(function () {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            generate_home_page.bind('click', function () {
                $.ajax({
                    url: '{{ route('indexGenerate') }}',
                    type: "GET",
                }).done(function (html) {
                    $('#generate_message_wrapper').show();
                    $("#generate_message").html('Home page generated successfully');

                    $.ajax({
                        url: '{{ route('generateHomePage') }}',
                        type: "POST",
                        data: {html: html},
                    }).done(function (html) {
                        $("#generate_message").html('Home page generated successfully');
                    });

                });
            });

        });
    </script>
@endsection