@extends('admin.layout.master')
@section('title','PRINT EDITOR')
@section ('content')
@section('custom_style')
    <link rel="stylesheet" href="{{ asset('assets/vendor/summernote/summernote.css')}}" />
<link rel="stylesheet" href="{{ asset('assets/vendor/summernote/summernote-bs3.css')}}" />
<link rel="stylesheet" href="{{ asset('assets/vendor/codemirror/lib/codemirror.css')}}" />
<link rel="stylesheet" href="{{ asset('assets/vendor/codemirror/theme/monokai.css')}}" />
<script src="{{asset('assets/vendor/modernizr/modernizr.js')}}"></script>
@endsection
<style>
    .note-editor .note-editable{
        box-shadow: inset -1px 4px 10px 0px rgb(212 212 212);
        font-size: 14px !important;
    }
    .note-editor .note-toolbar{
        background-color: #155f4d !important;
        /* #181819 */
    }
    .note-editor .note-statusbar .note-resizebar {
        background-color: #155f4d !important; 
        /* #181819 */
    }  
    .modal-content {
        position: fixed !important;
    }
    /* .modal-open .modal {
        margin-top: 120px !important;
        overflow-x: auto !important;
    } */
</style>
    <div class="card sina-card" style="background:#f6f6f6 !important; ">
        <div class="card-header card-header-s d-flex flex-wrap align-items-center mb-2">
            <h4 class="col-4 pl-0">Report Print Editor</h4>
            <div  class="col-5 pr-0">
                <form  id="form" method="get" action="{{route('invoice-parameter.reports')}}" name="form" enctype="multipart/form-data">
                    @csrf 
                    <div class="d-flex justify-content-center"> 
                        <label for="type" class="pr-2">Type</label>
                        <select class="form-control select_2" name="type" id="type" onchange="this.form.submit()">
                            @forelse ($data as $d)
                                <option value="{{$d->type}}" {{$item->type == $d->type ? 'selected' : ''}}>{{$d->permission?$d->permission->name:$d->name.'.'}}</option>
                            @empty
                                
                            @endforelse
                        </select> 
                    </div>
                </form>
            </div> 
            <div class="col-md-3 px-0 form-group text-right">
                <button class="btn btn-pill btn-sm btn-hover btn-warning" onclick="setDemo(`{{ $demo['head'] }}`)" data-toggle="modal" data-target="#modal">Demo Header</button>
                <button class="btn btn-pill btn-sm btn-hover btn-warning" onclick="setDemo(`{{ $demo['foot'] }}`)" data-toggle="modal" data-target="#modal">Demo Footer</button>
            </div>
        </div>
        <div class="cart-body"> 
            <form  id="form" method="Post" action="{{route('invoice-parameter.reports_update')}}" name="form" enctype="multipart/form-data">
                @csrf 
                <div class="row justify-content-center pb-3">
                    <input type="hidden" name="type_id" id="type_id" value="{{ $item->id }}">
                    <div class="col-md-8 pl-0">
                        <label for="">Style CSS Class</label>
                        <textarea class="form-control" name="style_css" id="style_css" >
                            {{$item->style_css}}
                        </textarea>
                    </div> 
                    <div class="col-md-3"> 
                        <label for="fraction_digit" title="fraction_digit">Fraction Digit</label>
                        <input type="number" style="width: 100%" class="form-control" name="fraction_digit" id="" value="{{ $item->fraction_digit }}">
                    </div>
                    <div class="col-md-11 px-0">
                        <label for="">Invoice Header</label>
                        <textarea class="summernote" name="print_head" id="print_head" data-plugin-summernote data-plugin-options='{ "height": 300, "codemirror": { "theme": "ambiance" } }'>
                            {{$item->print_head}}
                        </textarea>
                    </div>  
                    <div class="col-md-11 px-0">
                        <label for="">Invoice Footer</label>
                        <textarea class="summernote" name="print_foot" id="print_foot" data-plugin-summernote data-plugin-options='{ "height": 300, "codemirror": { "theme": "ambiance" } }'>
                            {{$item->print_foot}}
                        </textarea>
                    </div> 
                </div> 
                <div class="d-flex justify-content-center pb-3">
                    <button type="submit" class="btn btn-sm btn-success">Submit</button>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('script')
{{-- For Editor --}}
<script src="{{asset('assets/vendor/nanoscroller/nanoscroller.js')}}"></script>
<script src="{{asset('assets/vendor/codemirror/lib/codemirror.js')}}"></script>
<script src="{{asset('assets/vendor/codemirror/addon/selection/active-line.js')}}"></script>
<script src="{{asset('assets/vendor/codemirror/addon/edit/matchbrackets.js')}}"></script>
<script src="{{asset('assets/vendor/codemirror/mode/javascript/javascript.js')}}"></script>
<script src="{{asset('assets/vendor/codemirror/mode/xml/xml.js')}}"></script>
<script src="{{asset('assets/vendor/codemirror/mode/htmlmixed/htmlmixed.js')}}"></script>
<script src="{{asset('assets/vendor/codemirror/mode/css/css.js')}}"></script>
<script src="{{asset('assets/vendor/summernote/summernote.js')}}"></script>
<script src="{{asset('assets/javascripts/theme.js')}}"></script>
<script src="{{asset('assets/javascripts/theme.custom.js')}}"></script>
<script src="{{asset('assets/javascripts/theme.init.js')}}"></script>
<script src="{{asset('assets/javascripts/forms/examples.advanced.form.js')}}"></script>

{{-- End --}}
    <script>
        var data = @json($data) 
    </script>
    <script type="text/javascript" src="{{ asset('inventory/blade_js/invoice-parameter.js') }}"></script>

@endsection