@extends('Layouts.erp_master')
@section('content')

    <div class="row">
        <div class="col-lg-9 offset-lg-3">

            <div class="form-row form-group align-items-center">
                <label class="col-lg-3 input-title RequiredStar">Services Title</label>
                <div class="col-lg-7">
                    <div class="input-group ">
                        <input type="text" class="form-control round" value="{{ $servicesData->title}}" name="title"  readonly>
                    </div>
                </div>
            </div>

            <div class="form-row align-items-center">
                <label class="col-lg-3 input-title">Image</label>
                <div class="col-lg-3">
                    @if(!empty($servicesData->image))

                    @if(file_exists($servicesData->image))
                    <img src="{{ asset($servicesData->image) }}" style="width: 200px;">
                    @endif
                    @endif
                </div>
            </div>

           <br>

            <div class="form-row form-group align-items-center">
                <label for="orderBy" class="col-lg-3 input-title RequiredStar">Order By</label>
                <div class="col-lg-7">
                    <div class="input-group">
                        <input type="text" class="form-control round textNumber" value="{{ $servicesData->order_by }}"
                         name="order_by" id="orderBy" 
                        required data-error=" Please enter Oder." readonly>
                    </div>
                    <div class="help-block with-errors is-invalid" id="orderError"></div>
                </div>
            </div>

            <div class="form-row form-group align-items-center">
                <label class="col-lg-3 input-title">Icon Name</label>
                <div class="col-lg-7">
                    <div class="input-group">
                        <input type="text" class="form-control round" name="icon"
                            id="iconName" value="{{ $servicesData->icon}}" readonly>
                    </div>
                    
                </div>
            </div>
            
            <div class="form-row form-group align-items-center">
                <label class="col-lg-3 input-title" id="servicesBenefits">Services Benefits</label>
                <div class="col-lg-7">
                    <textarea class="form-control ckeditor" name="details" id="servicesBenefits" rows="6"
                         readonly>{!! $servicesData->benefits !!}</textarea>
                </div>
            </div>

            <div class="form-row form-group align-items-center">
                <label class="col-lg-3 input-title">Services Details</label>
                <div class="col-lg-7">
                    <textarea class="form-control ckeditor" name="details" id="servicesDetails" rows="6"
                         readonly>{!! $servicesData->details !!}</textarea>
                </div>
            </div>
            

            @include('elements.button.common_button', [
                        'back' => true,
                        'print' => [
                            'action' => 'print',
                            'title' => 'Print',
                            'exClass' => 'float-right',
                            'jsEvent' => 'onclick= window.print()'
                        ]
                    ])
        </div>
    </div>

    {{-- CkEditor Code --}}

<script>
    $(document).ready(function(){

        var browseUrl = "https://unsplash.com/";
        var uploadUrl ="{{url()->current()}}/../ckUpload?_token={{csrf_token()}}";
        var i = 1;
        
        $('.ckeditor').each(function(){
            var id = 'ckedit' + i;
            $(this).attr('id', id);
            funCkeditor(id,browseUrl,uploadUrl);
            i++;
        });

    });
    
</script>

@endsection