@extends('admin.layout.app')
@section('title','Print Setting')
@push('headerscript')
    <style>
        .responsive-iframe-container {
            position: relative;
            overflow: hidden;
            width: 100%;
            padding-top: 56.25%;
        }

        .responsive-iframe-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }
    </style>
@endpush
@section('content')
    <div class="content">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="page-title-box">
                        <h4 class="page-title">Print Setting</h4>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12 mr-auto ml-auto">
                    <div class="card-box">
                        <ul class="nav nav-tabs">
                            <li class="active">
                                <a href="#v-inspection" data-toggle="tab" aria-expanded="true">Inspection</a>
                            </li>
                            <li class="">
                                <a href="#v-estimation" data-toggle="tab" aria-expanded="false">Estimation</a>
                            </li>
                            <li class="">
                                <a href="#v-jobCard" data-toggle="tab" aria-expanded="false">Job Card</a>
                            </li>
                            <li class="">
                                <a href="#v-taxInvoice" data-toggle="tab" aria-expanded="false">Tax Invoice</a>
                            </li>
                            <li class="">
                                <a href="#v-saleInvoice" data-toggle="tab" aria-expanded="false">Sales Invoice</a>
                            </li>
                        </ul>
                        {!! Form::open(['route'=>array('printSetting.update', $printSetting->id), 'onsubmit'=>'BtnSubmit.disabled = true','method' => 'put']) !!}
                        <div class="tab-content">
                            <div class="tab-pane active" id="v-inspection">
                                <div class="row m-b-15">
                                    <div class="col-md-3">
                                        <h5 class="text-center">Select one option:</h5>
                                    </div>
                                    <div class="col-md-2">
                                        <label for="option1" class="m-t-10">
                                            <input type="radio" id="option1" name="inspection" value="0"
                                                   {{$printSetting->inspection == 0 ? 'checked':''}} onchange="updatePDF('template/inspection0.pdf')">
                                            Template 1</label>
                                    </div>
                                    <div class="col-md-2">
                                        <label for="option2" class="m-t-10">
                                            <input type="radio" id="option2" name="inspection" value="1"
                                                   {{$printSetting->inspection == 1 ? 'checked':''}} onchange="updatePDF('template/inspection1.pdf')">
                                            Template 2</label>
                                    </div>
                                    <div class="col-md-5">
                                        <button type="submit" class="btn btn-success BtnSubmit pull-right m-t-5">
                                            Update
                                        </button>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="responsive-iframe-container">
                                            <iframe id="pdfPreview"
                                                    src="{{url($printSetting->inspection == 1 ? 'template/inspection1.pdf':'template/inspection0.pdf' )}}"
                                                    frameborder="0"></iframe>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="v-estimation">
                                <div class="row m-b-15">
                                    <div class="col-md-3">
                                        <h5 class="text-center">Select one option:</h5>
                                    </div>
                                    <div class="col-md-2">
                                        <label for="e_option1">
                                            <input type="radio" id="e_option1" name="estimation" value="0"
                                                   {{$printSetting->estimation == 0 ? 'checked':''}} onchange="updatePDF1('template/estimation0.pdf')">
                                            Template 1</label>
                                    </div>
                                    <div class="col-md-2">
                                        <label for="e_option2">
                                            <input type="radio" id="e_option2" name="estimation" value="1"
                                                   {{$printSetting->estimation == 1 ? 'checked':''}} onchange="updatePDF1('template/estimation1.pdf')">
                                            Template 2</label>
                                    </div>
                                    <div class="col-md-5">
                                        <button type="submit" class="btn btn-success BtnSubmit pull-right m-t-5">
                                            Update
                                        </button>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="responsive-iframe-container">
                                            <iframe id="pdfPreview1"
                                                    src="{{url($printSetting->estimation == 1 ? 'template/estimation1.pdf':'template/estimation0.pdf')}}"
                                                    frameborder="0"></iframe>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="tab-pane" id="v-jobCard">
                                <div class="row m-b-15">
                                    <div class="col-md-3">
                                        <h5 class="text-center">Select one option:</h5>
                                    </div>
                                    <div class="col-md-2">
                                        <label for="j_option1">
                                            <input type="radio" id="j_option1" name="jobCard" value="0"
                                                   {{$printSetting->job_card == 0 ? 'checked':''}} onchange="updatePDF2('template/jobCard0.pdf')">
                                            Template 1</label>
                                    </div>
                                    <div class="col-md-2">
                                        <label for="j_option2">
                                            <input type="radio" id="j_option2" name="jobCard" value="1"
                                                   {{$printSetting->job_card == 1 ? 'checked':''}} onchange="updatePDF2('template/jobCard1.pdf')">
                                            Template 2</label>
                                    </div>
                                    <div class="col-md-5">
                                        <button type="submit" class="btn btn-success BtnSubmit pull-right m-t-5">
                                            Update
                                        </button>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="responsive-iframe-container">
                                            <iframe id="pdfPreview2"
                                                    src="{{url($printSetting->job_card == 1 ? 'template/jobCard1.pdf':'template/jobCard0.pdf' )}}"
                                                    frameborder="0"></iframe>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="v-taxInvoice">

                                <div class="row m-b-15">
                                    <div class="col-md-3">
                                        <h5 class="text-center">Select one option:</h5>
                                    </div>
                                    <div class="col-md-2">
                                        <label for="t_option1">
                                            <input type="radio" id="t_option1" name="taxInvoice" value="0"
                                                   {{$printSetting->tax_invoice == 0 ? 'checked':''}} onchange="updatePDF3('template/taxInvoice0.pdf')">
                                            Template 1</label>
                                    </div>
                                    <div class="col-md-2">
                                        <label for="t_option2">
                                            <input type="radio" id="t_option2" name="taxInvoice" value="1"
                                                   {{$printSetting->tax_invoice == 1 ? 'checked':''}} onchange="updatePDF3('template/taxInvoice1.pdf')">
                                            Template 2</label>
                                    </div>
                                    <div class="col-md-5">
                                        <button type="submit" class="btn btn-success BtnSubmit pull-right m-t-5">
                                            Update
                                        </button>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="responsive-iframe-container">
                                            <iframe id="pdfPreview3"
                                                    src="{{url($printSetting->tax_invoice == 1 ? 'template/taxInvoice1.pdf':'template/taxInvoice0.pdf' )}}"
                                                    frameborder="0"></iframe>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane" id="v-saleInvoice">

                                <div class="row m-b-15">
                                    <div class="col-md-3">
                                        <h5 class="text-center">Select one option:</h5>
                                    </div>
                                    <div class="col-md-2">
                                        <label for="s_option1">
                                            <input type="radio" id="s_option1" name="saleInvoice" value="0"
                                                   {{$printSetting->sales_invoice == 0 ? 'checked':''}} onchange="updatePDF4('template/saleInvoice0.pdf')">
                                            Template 1</label>
                                    </div>
                                    <div class="col-md-2">
                                        <label for="s_option2">
                                            <input type="radio" id="s_option2" name="saleInvoice" value="1"
                                                   {{$printSetting->sales_invoice == 1 ? 'checked':''}} onchange="updatePDF4('template/saleInvoice1.pdf')">
                                            Template 2</label>
                                    </div>
                                    <div class="col-md-5">
                                        <button type="submit" class="btn btn-success BtnSubmit pull-right m-t-5">
                                            Update
                                        </button>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="responsive-iframe-container">
                                            <iframe id="pdfPreview4"
                                                    src="{{url($printSetting->sales_invoice == 1 ? 'template/saleInvoice1.pdf':'template/saleInvoice0.pdf')}}"
                                                    frameborder="0"></iframe>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('footerscript')
    <script>
        function updatePDF(pdfUrl) {
            $('#pdfPreview').attr('src', pdfUrl);
        }

        function updatePDF1(pdfUrl) {
            $('#pdfPreview1').attr('src', pdfUrl);
        }

        function updatePDF2(pdfUrl) {
            $('#pdfPreview2').attr('src', pdfUrl);
        }

        function updatePDF3(pdfUrl) {
            $('#pdfPreview3').attr('src', pdfUrl);
        }

        function updatePDF4(pdfUrl) {
            $('#pdfPreview4').attr('src', pdfUrl);
        }
    </script>
@endpush