@extends('operations.layout.mainlayout')

@section('content')
<link href="/bower_components/admin-lte/plugins/summernote/summernote-bs4.min.css" rel="stylesheet">
<div class="content-wrapper">
    <div class="content-header">
        <div class="container-fluid card">
            <div class="row mb-2">
                <div class="col-sm-6 card-body">
                    <h1 class="m-0 text-dark" style="color: var(--blazma-text)!important;">
                        @if(!empty($service)) Edit Service @else Add Service @endif
                    </h1>
                </div>
            </div>
        </div>
    </div>

    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="mx-auto col-md-10">
                    <div class="card">
                        <div class="card-body">
                            <form method="post" action="/operations/whitelabel/service" enctype="multipart/form-data" id="service-form">
                                <input type="hidden" name="ID" value="@if(!empty($service->ID)){{$service->ID}}@endif">
                                
                                <div class="row mb-3">
                                    <div class="col-md-4">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Language</span>
                                            </div>
                                            <select required class="form-control" name="LANG">
                                                <option value="">Select Language</option>
                                                <option value="ar" @if(!empty($service->LANG) && $service->LANG == 'ar') selected @endif>Arabic</option>
                                                <option value="en" @if(!empty($service->LANG) && $service->LANG == 'en') selected @endif>English</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Display Order</span>
                                            </div>
                                            <input required type="number" class="form-control" name="DISPLAY_ORDER" value="@if(!empty($service->DISPLAY_ORDER)){{$service->DISPLAY_ORDER}}@else 1 @endif">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="custom-control custom-switch custom-switch-on-info" style="margin-top:7px;">
                                            <input type="checkbox" class="custom-control-input" id="IS_ACTIVE" name="IS_ACTIVE" @if(!empty($service->IS_ACTIVE) && $service->IS_ACTIVE == 1) checked @endif>
                                            <label class="custom-control-label" for="IS_ACTIVE">Active</label>
                                        </div>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col-md-6">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Title</span>
                                            </div>
                                            <input required type="text" class="form-control" name="TITLE" value="@if(!empty($service->TITLE)){{$service->TITLE}}@endif">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Slug</span>
                                            </div>
                                            <input required type="text" class="form-control" name="SLUG" value="@if(!empty($service->SLUG)){{$service->SLUG}}@endif">
                                        </div>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col-md-6">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Subtitle</span>
                                            </div>
                                            <input type="text" class="form-control" name="SUBTITLE" value="@if(!empty($service->SUBTITLE)){{$service->SUBTITLE}}@endif">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Subtitle Label</span>
                                            </div>
                                            <input type="text" class="form-control" name="SUBTITLE_LABEL" value="@if(!empty($service->SUBTITLE_LABEL)){{$service->SUBTITLE_LABEL}}@endif">
                                        </div>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col-md-12">
                                        <label>Short Description</label>
                                        <textarea class="form-control" name="SHORT_DESCRIPTION" rows="2">@if(!empty($service->SHORT_DESCRIPTION)){{$service->SHORT_DESCRIPTION}}@endif</textarea>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col-md-12">
                                        <label>Description</label>
                                        <textarea class="form-control" name="DESCRIPTION" rows="3">@if(!empty($service->DESCRIPTION)){{$service->DESCRIPTION}}@endif</textarea>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col-md-12">
                                        <label>Full Description (HTML Editor)</label>
                                        <textarea id="FULL_DESCRIPTION" name="FULL_DESCRIPTION" class="summernote">@if(!empty($service->FULL_DESCRIPTION)){{$service->FULL_DESCRIPTION}}@endif</textarea>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col-md-12">
                                        <label>Additional Content (HTML Editor)</label>
                                        <textarea id="ADDITIONAL_CONTENT" name="ADDITIONAL_CONTENT" class="summernote">@if(!empty($service->ADDITIONAL_CONTENT)){{$service->ADDITIONAL_CONTENT}}@endif</textarea>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col-md-12">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Closing Text</span>
                                            </div>
                                            <input type="text" class="form-control" name="CLOSING_TEXT" value="@if(!empty($service->CLOSING_TEXT)){{$service->CLOSING_TEXT}}@endif">
                                        </div>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col-md-6">
                                        <label>Icon</label>
                                        <div class="custom-file">
                                            <input type="file" class="custom-file-input" id="ICON_PATH" name="ICON_PATH" accept="image/*">
                                            <label class="custom-file-label" for="ICON_PATH">Choose file</label>
                                        </div>
                                        <small class="form-text text-muted">Or enter path:</small>
                                        <input type="text" class="form-control mt-2" name="ICON_PATH_TEXT" value="@if(!empty($service->ICON_PATH)){{$service->ICON_PATH}}@endif">
                                    </div>
                                    <div class="col-md-6">
                                        <label>Image</label>
                                        <div class="custom-file">
                                            <input type="file" class="custom-file-input" id="IMAGE_PATH" name="IMAGE_PATH" accept="image/*">
                                            <label class="custom-file-label" for="IMAGE_PATH">Choose file</label>
                                        </div>
                                        <small class="form-text text-muted">Or enter path:</small>
                                        <input type="text" class="form-control mt-2" name="IMAGE_PATH_TEXT" value="@if(!empty($service->IMAGE_PATH)){{$service->IMAGE_PATH}}@endif">
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col-md-6">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">CTA Heading</span>
                                            </div>
                                            <input type="text" class="form-control" name="CTA_HEADING" value="@if(!empty($service->CTA_HEADING)){{$service->CTA_HEADING}}@endif">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Link URL</span>
                                            </div>
                                            <input type="text" class="form-control" name="LINK_URL" value="@if(!empty($service->LINK_URL)){{$service->LINK_URL}}@endif">
                                        </div>
                                    </div>
                                </div>

                                @menu('whitelabel_service')
                                <div class="row">
                                    <div class="col" style="text-align: center">
                                        <input type="submit" class="btn btn-info" value="@if(!empty($service->ID)) Update Service @else Add Service @endif">
                                    </div>
                                </div>
                                @endmenu
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
@endsection

@section('warehouse_scripts')
<script src="/bower_components/admin-lte/plugins/summernote/summernote-bs4.min.js"></script>
<script>
    $(document).ready(function() {
        $('.summernote').summernote({
            height: 200,
            toolbar: [
                ['style', ['style']],
                ['font', ['bold', 'underline', 'clear']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['table', ['table']],
                ['insert', ['link']],
                ['view', ['fullscreen', 'codeview', 'help']]
            ]
        });

        $('.custom-file-input').on('change', function() {
            var fileName = $(this).val().split('\\').pop();
            $(this).next('.custom-file-label').html(fileName);
        });

        $('#service-form').on('submit', function(e) {
            e.preventDefault();
            var formData = new FormData(this);

            $.ajax({
                url: '/operations/whitelabel/service',
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,
                success: function(response) {
                    window.location.href = '/operations/whitelabel/service';
                },
                error: function(xhr) {
                    alert('Error saving service');
                }
            });
        });
    });
</script>
@endsection