@extends('operations.layout.mainlayout')

@section('content')
<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: #e35a80!important;">
                        @if(!empty($feature)) Edit Service Feature @else Add Service Feature @endif
                    </h1>
                </div>
            </div>
        </div>
    </div>

    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="mx-auto col-md-8">
                    <div class="card">
                        <div class="card-body">
                            <form method="post" action="/operations/whitelabel/service-feature" id="feature-form" enctype="multipart/form-data">
                                <input type="hidden" name="ID" value="@if(!empty($feature->ID)){{$feature->ID}}@endif">
                                
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label for="SERVICE_ID">Service</label>
                                            <select required class="form-control" name="SERVICE_ID" id="SERVICE_ID">
                                                <option value="">Select Service</option>
                                                @foreach($services as $service)
                                                <option value="{{$service->ID}}" @if((!empty($feature->SERVICE_ID) && $feature->SERVICE_ID == $service->ID) || (isset($service_id) && $service_id == $service->ID)) selected @endif>{{$service->TITLE}} ({{$service->LANG}})</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Title</label>
                                            <input required type="text" class="form-control" name="TITLE" value="@if(!empty($feature->TITLE)){{$feature->TITLE}}@endif" placeholder="Enter feature title">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Feature Type</label>
                                            <select required class="form-control" name="FEATURE_TYPE">
                                                <option value="">Select Type</option>
                                                <option value="benefit" @if(!empty($feature->FEATURE_TYPE) && $feature->FEATURE_TYPE == 'benefit') selected @endif>Benefit</option>
                                                <option value="process_step" @if(!empty($feature->FEATURE_TYPE) && $feature->FEATURE_TYPE == 'process_step') selected @endif>Process Step</option>
                                                <option value="highlight" @if(!empty($feature->FEATURE_TYPE) && $feature->FEATURE_TYPE == 'highlight') selected @endif>Highlight</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Display Order</label>
                                            <input required type="number" class="form-control" name="DISPLAY_ORDER" value="@if(!empty($feature->DISPLAY_ORDER)){{$feature->DISPLAY_ORDER}}@else 1 @endif">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Icon</label>
                                            <div class="input-group">
                                                <div class="custom-file">
                                                    <input type="file" class="custom-file-input" id="ICON_PATH" name="ICON_PATH">
                                                    <label class="custom-file-label" for="ICON_PATH">Choose file</label>
                                                </div>
                                            </div>
                                            @if(!empty($feature->ICON_PATH))
                                                <div class="mt-2">
                                                    <input type="hidden" name="ICON_PATH_TEXT" value="{{$feature->ICON_PATH}}">
                                                    <a href="{{AWSHelper::getFromS3($feature->ICON_PATH)}}" target="_blank" class="text-info"><i class="fas fa-image"></i> View Current Icon</a>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label>Description</label>
                                            <textarea class="form-control" name="DESCRIPTION" rows="4" placeholder="Enter feature description">@if(!empty($feature->DESCRIPTION)){{$feature->DESCRIPTION}}@endif</textarea>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="custom-control custom-switch custom-switch-on-info">
                                            <input type="checkbox" class="custom-control-input" id="IS_ACTIVE" name="IS_ACTIVE" @if(!empty($feature->IS_ACTIVE) && $feature->IS_ACTIVE == 1) checked @endif>
                                            <label class="custom-control-label" for="IS_ACTIVE">Active</label>
                                        </div>
                                    </div>
                                </div>

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