@extends('layouts.master')
@section('content')
    
    <div class="container-fluid">
        <div class="row">
                <div class='app-container'>
                    <div id="app"></div>
                </div>
                <input type="hidden" name="quoteId" id="quoteId"
                    value="{{ null != session('quote_drawing_id') ? session('quote_drawing_id') : 0 }}" />
                <input type="hidden" name="drawingId" id="drawingId"
                    value="{{ null != session('drawing_id') ? session('drawing_id') : 0 }}" />
                <input type="hidden" name="user_id" id="user_id"
                    value="{{ null != session('user_id') ? session('user_id') : 0 }}" />
                <input type="hidden" name="drawingType" id="drawingType"
                    value="{{ null != session('drawing_type') ? session('drawing_type') : 0 }}" />
                <input type="hidden" name="api_token" id="api_token"
                    value="{{ null != session('api_token') ? session('api_token') : 0 }}" />
                <input type="hidden" name="shapeId" id="shapeId"
                    value="{{ null != session('shape_id') ? session('shape_id') : 0 }}" />
                <input type="hidden" name="pro_mode" id="pro_mode" value="" />
                <input type="hidden" name="show_price_details" id="show_price_details"
                    value="{{ null !== session('show_price_details') ? session('show_price_details') : false }}" />
                <input type="hidden" name="read_mode" id="read_mode" value="false" />
                <input type="hidden" name="stepBy" id="stepBy" value="" />
            </div>
    </div>
        @endsection
        @section('script')
            <script type="text/javascript" src="{{ URL::asset('react/react.app.js?v=2.40') }}"></script>
            <script type="text/javascript" src="{{ URL::asset('react/react.vendor.js?v=2.40') }}"></script>
            <script type="text/javascript" src="{{ URL::asset('react/react.styles.js?v=2.40') }}"></script>
            <link href="{{ URL::asset('react/react.styles.css?v=2.40') }}" rel="stylesheet">
            <link href="{{ URL::asset('react/react.vendor.css?v=2.40') }}" rel="stylesheet">
            <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
            <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/v4-shims.css">
            <style>
                * {
                    box-sizing: border-box;
                }

                #app {
                    width: 100%;
                    padding: 0;
                    margin: 0;
                    position: absolute;
                    left: 0;
                    top: 0;
                }

                .app-container {
                    /* position: absolute; */
                    width: 100%;
                }
            </style>
            <script>
                $(document).ready(function() {
                    var windowHeight = $(window).height();
                    var navHeight = $('nav').height();

                    var contentHeight = windowHeight - navHeight - 18;
                    $('#app').height(contentHeight);


                    $('#share').click(function() {
                        //alert("test");
                        var quotid = $(this).attr('quotid');
                        $.ajaxSetup({
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            }
                        });
                        $('#loaderIcon').show();
                        $.ajax({
                            url: APP_URL + '/drawing/sharelink',
                            method: "POST",
                            //dataType: "json",
                            data: {
                                "quote_id": quotid
                            },
                            success: function(data) {
                                console.log(data);
                            },
                            complete: function() {
                                $('#loaderIcon').hide();
                            }
                        });
                    });





                    $(document).on("click", "#createbtn", function(event) {
                        var formData = new FormData($("#issue")[0]);
                        if ($("#issue").valid()) {
                            $.ajaxSetup({
                                headers: {
                                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                }
                            });
                            $('#loaderIcon').show();
                            $.ajax({
                                url: APP_URL + '/tickets/saveissue',
                                method: "POST",
                                data: formData,
                                cache: false,
                                contentType: false,
                                processData: false,
                                success: function(data) {
                                    console.log(data);
                                    $('#dynamic-modal').css('display', 'none');
                                    $('.modal-backdrop').css('display', 'none');

                                    //$('#dynamic-modal div.modal-body').html();
                                    console.log(data);
                                    //modal-backdrop


                                },
                                complete: function() {
                                    $('#loaderIcon').hide();
                                }
                            });

                        }

                    });

                });
            </script>
            <style type="text/css">
                #dynamic-modal .navbar {
                    display: none;
                }

                #dynamic-modal footer {
                    display: none;
                }

                #dynamic-modal .faq {
                    display: none;
                }
            </style>
        @endsection