@extends('app')
@section('content')

    <style type="text/css">
        #home-heading h2 {
            color: white;
            font-size: 55px;
            font-weight: 700;
            margin: 20px 0px 20px 0px
        }

        .heading {
            text-align: center;
        }

        .select-radiology-template {
            padding-left: 15px;
        }

        .select-user {
            padding-right: 15px;
        }

    </style>
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Edit Lab Test
            <small>Preview</small>
        </h1>

        <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active"><a href="#">Edit Lab Test</a></li>
        </ol>

    </section>

    <!-- Main content -->
    <section class="content">
        <!-- SELECT2 EXAMPLE -->
        <!-- SELECT2 EXAMPLE -->
        <div class="box box-default">
            <!-- /.box-header -->
            <div class="box-body">
                @can('diagnostic-radiology-test-report-create')
                    <form action="{{route('store.diagnostic-Radiology-test-report.post')}}" id="myForm" method="post">
                        @csrf
                        <input type="hidden" name="sale_details_id" value="{{ $sale_details_id }}"/>
                        <div class="row">
                            <div class="col-md-3">
                                <label class="col-md-12">Select Template</label>
                                <div class="col-md-12 form-group select-radiology-template">

                                    {{ Form::select('template_id', $radiologyTemplates, $saleDetails->template_id, ['class' => 'form-control radiology-template select2', 'id' => 'template_id'] ) }}

                                </div>
                            </div>
                            <div class="col-md-3">
                                <label class="col-md-12">Select Tested By</label>
                                <div class="col-md-12 form-group select-user">

                                    {{ Form::select('tested_by_user_id', $usersTestedBy, $saleDetails->tested_by, ['class' => 'form-control user_id select2', 'id' => 'user_id'] ) }}

                                </div>
                            </div>
                            <div class="col-md-3">
                                <label class="col-md-12">Select Authorized By</label>
                                <div class="col-md-12 form-group select-user">

                                    {{ Form::select('authorized_by_user_id', $usersRadiologistBy, $saleDetails->authorize_by, ['class' => 'form-control user_id select2', 'id' => 'user_id'] ) }}

                                </div>
                            </div>
                            <div class="col-md-3">
                                <label class="col-md-12">Use Custom Template</label>
                                <div class="col-md-12 form-group">
                                    <input type="checkbox" name="custom_template" id="checkbox"
                                           {{$saleDetails->custom_template==1 ? 'checked' : ''  }} value="1">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">

                            <div class="form-group service-result"
                                 style="display: {{$saleDetails->custom_template == 0 ? 'block' : 'none'}} ">
                                <label class="col-md-12">Result Value</label>
                                <textarea class="form-control" id="summary-ckeditor1" name="radiology_report">
                                      {!!$saleDetails->service_result!!}
                                    </textarea>
                            </div>

                            <div class="form-group custom-html"
                                 style="display: {{$saleDetails->custom_template == 1 ? 'block' : 'none'}} ">
                                <label class="col-md-12">Custom Template</label>

                                <textarea class="form-control" id="summary-ckeditor2" name="custom_html_template">
                                      {!!$saleDetails->custom_html_template!!}
                                    </textarea>
                            </div>

                            <button type="submit" class="btn btn-info pull-right" style="margin-top: 15px">Submut
                            </button>

                        </div>
                    </form>
                @endcan
            </div>
        </div>
    </section>
@endsection

@section('extra-js')
@endsection
@section('script')
    <script src="{{ asset('assets/bower_components/ckeditor/ckeditor.js') }}"></script>
    <script>
        window.CKEDITOR_BASEPATH = '{{asset('assets/bower_components/ckeditor')}}';
        CKEDITOR.replace('summary-ckeditor1');
        CKEDITOR.replace('summary-ckeditor2');
        $(".radiology-template").change(function () {
            var id = $(this).val();
            $.ajax({
                type: "GET",
                url: "{{url('/settings/get-radiology-template')}}",
                data: {id: id},
                cache: false,
                success: function (data) {
                    CKEDITOR.instances['summary-ckeditor1'].setData(data.template);
                    CKEDITOR.instances['summary-ckeditor2'].setData(data.template);

                }
            });
        });

        $('input[name=custom_template]').change(function () {
            if ($('input[name=custom_template]').is(':checked')) {
                $('.service-result').css('display', 'none')
                $('.custom-html').css('display', 'block')

            } else {
                $('.service-result').css('display', 'block')
                $('.custom-html').css('display', 'none')
            }
        });
    </script>

@endsection