@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;
    }
</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">Print View Editor</h4>
            <div  class="col-5 pr-0">
                <form  id="form" method="get" action="{{route('invoice-parameter.settings')}}" 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->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.updatePrintHtml')}}" name="form" enctype="multipart/form-data">
                @csrf
                <div class="row justify-content-center pb-3">
                    {{-- <div class="col-md-4 d-flex pb-3">  --}}
                        <input type="hidden" name="type_id" id="type_id" value="{{$item->id}}">
                    {{-- </div> --}}
                    <div class="col-md-11 px-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-11 px-0 my-4">
                        <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>
                    {{-- @dd(explode(',', $item->field_name)) --}}
                    <div class="col-md-11 px-0 my-4 ">
                        @php($fs = explode(',',$item->field_show))
                        @php($fn = explode(',',($item->field_name ? $item->field_name : ',,,,,,,,,,,,,,')))
                        <label for="">Table Settings</label>
                        <section class=" border border-primary p-2">
                            <div class="d-flex flex-wrap">
                                <div class="col-md-3 form-check mt-2">
                                    <label class=" " for="name_eng" title="0">Product Name</label> <br>
                                    <div>
                                        <input type="checkbox" style="width: 10%" class="form-check-input" name="field_show[]" id="name_eng" {{ in_array(1, $fs) ? 'checked' : '' }} value="1">
                                        <input type="text" style="width: 90%" class="form-control" name="field_name[]" id="" value="{{ $fn[0] ? $fn[0] : 'Product Name'  }}">
                                    </div>
                                </div>

                                <div class="col-md-3 form-check mt-2">
                                    <label class=" " for="name_local" title="1">Product Name (Local)</label> <br>
                                    <div>
                                        <input type="checkbox" style="width: 10%" class="form-check-input" name="field_show[]" id="name_local" {{ in_array(2, $fs) ? 'checked' : '' }} value="2">
                                        <input type="text" style="width: 90%" class="form-control" name="field_name[]" id="" value="{{ $fn[1] ? $fn[1] : 'Product Name (Local)'  }}">
                                    </div>
                                </div>

                                <div class="col-md-3 form-check mt-2">
                                    <label class=" " for="note" title="2">Note</label> <br>
                                    <div>
                                        <input type="checkbox" style="width: 10%" class="form-check-input" name="field_show[]" id="note" {{ in_array(3, $fs) ? 'checked' : '' }} value="3">
                                        <input type="text" style="width: 90%" class="form-control" name="field_name[]" id="" value="{{ $fn[2] ? $fn[2] : 'Note'  }}">
                                    </div>
                                </div>

                                <div class="col-md-3 form-check mt-2">
                                    <label class="" for="qty" title="3">{{in_array($item->type,[10,11,14])?'Order Quantity':'Quantity'}}</label> <br>
                                    <div>
                                        <input type="checkbox" style="width: 10%" class="form-check-input" name="field_show[]" id="qty" {{ in_array(4, $fs) ? 'checked' : '' }} value="4">
                                        <input type="text" style="width: 90%" class="form-control" name="field_name[]" id="" value="{{ $fn[3] ? $fn[3] : 'Quantity'  }}">
                                    </div>
                                </div>

                                <div class="col-md-3 form-check mt-2">
                                    <label class="" for="price" title="4">{{in_array($item->type,[10,11,14])?($item->type==14?'Delivery':'QTY'):'Price'}}</label> <br>
                                    <div>
                                        <input type="checkbox" style="width: 10%" class="form-check-input" name="field_show[]" id="price" {{ in_array(5, $fs) ? 'checked' : '' }} value="5">
                                        <input type="text" style="width: 90%" class="form-control" name="field_name[]" id="" value="{{ $fn[4] ? $fn[4] : 'Price'  }}">
                                    </div>
                                </div>

                                <div class="col-md-3 form-check mt-2">
                                    <label class=" " for="dc" title="5">{{in_array($item->type,[10,11,14])?'Price':'Discount'}}</label> <br>
                                    <div>
                                        <input type="checkbox" style="width: 10%" class="form-check-input" name="field_show[]" id="dc" {{ in_array(6, $fs) ? 'checked' : '' }} value="6">
                                        <input type="text" style="width: 90%" class="form-control" name="field_name[]" id="" value="{{ $fn[5] ? $fn[5] : 'Discount'  }}">
                                    </div>
                                </div>

                                <div class="col-md-3 form-check mt-2">
                                    <label class=" " for="net_total" title="6">Net Total</label> <br>
                                    <div>
                                        <input type="checkbox" style="width: 10%" class="form-check-input" name="field_show[]" id="net_total" {{ in_array(7, $fs) ? 'checked' : '' }} value="7">
                                        <input type="text" style="width: 90%" class="form-control" name="field_name[]" id="" value="{{ $fn[6] ? $fn[6] : 'Net Total'  }}">
                                    </div>
                                </div>

                                <div class="col-md-3 form-check mt-2">
                                    <label class=" " for="all" title="7">All Total (T Foot)</label> <br>
                                    <div>
                                        <input type="checkbox" style="width: 10%" class="form-check-input" name="field_show[]" id="all" {{ in_array(8, $fs) ? 'checked' : '' }} value="8">
                                        <input type="text" style="width: 90%" class="form-control" name="field_name[]" id="" value="{{ $fn[7] ? $fn[7] : 'Total'  }}">
                                    </div>
                                </div>

                                <div class="col-md-3 form-check mt-2">
                                    <label class=" " for="in_words" title="8">In Words</label> <br>
                                    <div>
                                        <input type="checkbox" style="width: 10%" class="form-check-input" name="field_show[]" id="in_words" {{ in_array(9, $fs) ? 'checked' : '' }} value="9">
                                        <input type="text" style="width: 90%" class="form-control" name="field_name[]" id="" value="{{ $fn[8] ? $fn[8] : 'In Wards'  }}">
                                    </div>
                                </div>
                                <div class="col-md-3 form-check mt-2">
                                    <label class=" " for="unit" title="9">Unit</label> <br>
                                    <div>
                                        <input type="checkbox" style="width: 10%" class="form-check-input" name="field_show[]" id="unit" {{ in_array(10, $fs) ? 'checked' : '' }} value="10">
                                        <input type="text" style="width: 90%" class="form-control" name="field_name[]" id="" value="{{ $fn[9] ? $fn[9] : 'Unit'  }}">
                                    </div>
                                </div>
                                <div class="col-md-3 form-check mt-2">
                                    <label class="" for="otc" title="10">Other Charge</label> <br>
                                    <div>
                                        <input type="checkbox" style="width: 10%" class="form-check-input" name="field_show[]" id="otc" {{ in_array(11, $fs) ? 'checked' : '' }} value="11">
                                        <input type="text" style="width: 90%" class="form-control" name="field_name[]" id="" value="{{ $fn[10] ? $fn[10] : 'Other Charge'  }}">
                                    </div>
                                </div>
                                <div class="col-md-3 form-check mt-2">
                                    <label class=" " for="gt" title="11">Grand Total</label> <br>
                                    <div>
                                        <input type="checkbox" style="width: 10%" class="form-check-input" name="field_show[]" id="gt" {{ in_array(12, $fs) ? 'checked' : '' }} value="12">
                                        <input type="text" style="width: 90%" class="form-control" name="field_name[]" id="" value="{{ $fn[11] ? $fn[11] : 'Grand Total'  }}">
                                    </div>
                                </div>
                                <div class="col-md-3 form-check mt-2">
                                    <label class=" " for="total" title="12">Total (P. Before Dc)</label> <br>
                                    <div>
                                        <input type="checkbox" style="width: 10%" class="form-check-input" name="field_show[]" id="total" {{ in_array(13, $fs) ? 'checked' : '' }} value="13">
                                        <input type="text" style="width: 90%" class="form-control" name="field_name[]" id="" value="{{ $fn[12] ? $fn[12] : 'Total'  }}">
                                    </div>
                                </div>
                                <div class="col-md-3 mt-2">
                                    <label for="fraction_type" title="fraction_type">Fraction Digit</label>
                                    {{-- <div class="row"> --}}
                                        <input type="number" style="width: 100%" class="form-control" name="fraction_type" id="" value="{{$item->fraction_type}}">
                                        {{-- <div class="col-md-6">
                                            <input type="radio" {{ ($item->fraction_type == 1 ? 'checked' : '') }} name="fraction_type" id="fraction_type_1" value="1">
                                            <label for="fraction_type_1">2 Digits</label><br>
                                        </div>
                                        <div class="col-md-6">
                                            <input type="radio" {{ ($item->fraction_type == 2 ? 'checked' : '') }} name="fraction_type" id="fraction_type_2" value="2">
                                            <label for="fraction_type_2">Rounded</label>
                                        </div> --}}
                                    {{-- </div> --}}
                                </div>
                                <div class="col-md-3 form-check mt-2">
                                    <label for="show_balance">{{in_array($item->type,[10,11,14])?'Invoice Language':'Show Balance'}}</label> <br>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <input type="radio" {{ ($item->show_balance == 1 ? 'checked' : '') }} name="show_balance" id="show_balance_1" value="1">
                                            <label for="show_balance_1">{{in_array($item->type,[10,11,14])?'Bangla':'Show'}}</label><br>
                                        </div>
                                        <div class="col-md-6">
                                            <input type="radio" {{ ($item->show_balance == 0 ? 'checked' : '') }} name="show_balance" id="show_balance_0" value="0">
                                            <label for="show_balance_0">{{in_array($item->type,[10,11,14])?'English':'Hide'}}</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 form-check mt-2">
                                    <label for="show_zero_qty">Show Zero Qty</label> <br>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <input type="radio" {{ ($item->show_zero_qty == 1 ? 'checked' : '') }} name="show_zero_qty" id="show_zero_qty_1" value="1">
                                            <label for="show_zero_qty_1">Yes</label><br>
                                        </div>
                                        <div class="col-md-6">
                                            <input type="radio" {{ ($item->show_zero_qty == 0 ? 'checked' : '') }} name="show_zero_qty" id="show_zero_qty_0" value="0">
                                            <label for="show_zero_qty_0">No</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @if (getDefaultSettings(null,2)->dual_unit != null)
                                <label class=" mt-3 " for="" title="14/15">Dual Unit</label> <br>
                                <!-- Material unchecked -->
                                <div class="form-check pl-4">
                                    <input type="radio" class="form-check-input" id="pu" name="field_show[]" {{ in_array(14, $fs) ? 'checked' : '' }} value="14">
                                    <label class="form-check-label" for="pu">Primary</label>
                                </div>

                                <!-- Material checked -->
                                <div class="form-check pl-4">
                                    <input type="radio" class="form-check-input" id="su" name="field_show[]" {{ in_array(15, $fs) ? 'checked' : '' }} value="15">
                                    <label class="form-check-label" for="su">Secoundary</label>
                                </div>
                            @endif

                        </section>
                    </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>


    <div class="modal modals fade bd-example-modal-lg" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="modal-header">
                        <h5 class="modal-title" id="modalLabel">Demo Code</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <textarea style="width: 500px; height: 500px" name="demo" id="demo" rows="10"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </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