@extends('layouts.admin')

@section('css')
    <style>
        .permission_card {
                width: 200px;
                background: #fff;
                /*border: 1px solid #000;*/
                border-radius: 4px;
                height: 80px;
                box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); /* Add a box shadow */
        }
    </style>
@endsection

@section('content')
<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
            <p>{{ $data->id ?  __('subscription-plans.edit') :  __('subscription-plans.add') }}</p>

        </li>
        <li>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{route('master-admin.dashboard')}}">{{ __('common.home') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page"><a href="{{ route('master-admin.subscription-plans.index') }}">{{ __('subscription-plans.plans') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page"> {{ $data->id ?  __('subscription-plans.edit') :  __('subscription-plans.add') }}</li>
                </ol>
            </nav>
        </li>
    </ul>
</div>
<div class="admin-area-col">
    <div class="row employee-list-view">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 employee-list-full">
            <div class="round-white-bg box-shadow">
                <div class="d-block">
                    <div class="error-msg font-14"></div>
                </div>
                {{ Form::open(array('route' => $routes, 'method' => 'POST', 'id' => 'ajaxSave')) }}
                @if($data->id) @method('PUT') @endif
                <div class="row col-md-12 d-flex ">
                    <div class="col-sm-12 col-md-6 col-lg-6">
                            <div class="custom-input-group colored-field-group">
                                {{ Form::label('plan_name', __('subscription-plans.name'), array('class' => 'control-label')) }}
                                {{ Form::text('plan_name', $data->plan_name, array('class' => 'form-control')) }}
                            </div>
                            <div class="row">
                                <div class="col-md-6 custom-input-group colored-field-group">
                                    {{ Form::label('regular_price', __('subscription-plans.regular_price'), array('class' => 'control-label')) }}
                                    {{ Form::text('regular_price', $data->regular_price, array('class' => 'form-control')) }}
                                </div>
                                <div class="col-md-6 custom-input-group colored-field-group">
                                    {{ Form::label('offer_price', __('subscription-plans.offer_price'), array('class' => 'control-label')) }}
                                    {{ Form::text('offer_price', $data->offer_price, array('class' => 'form-control')) }}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 custom-input-group colored-field-group">
                                    {{ Form::label('store_count', __('subscription-plans.store_count'), array('class' => 'control-label')) }}
                                    {{ Form::text('store_count', $data->store_count ?? 0, array('class' => 'form-control')) }}
                                </div>
                                <div class="col-md-6 custom-input-group colored-field-group">
                                    {{ Form::label('pos_devices_count', __('subscription-plans.pos_devices_count'), array('class' => 'control-label')) }}
                                    {{ Form::text('pos_devices_count', $data->pos_devices_count ?? 0, array('class' => 'form-control')) }}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 custom-input-group colored-field-group">
                                    {{ Form::label('employees_count', __('subscription-plans.employees_count'), array('class' => 'control-label')) }}
                                    {{ Form::text('employees_count', $data->employees_count ?? 0, array('class' => 'form-control')) }}
                                </div>
                                <div class="col-md-6 custom-input-group colored-field-group">
                                    {{ Form::label('advt_panel_count', __('subscription-plans.advt_panel_count'), array('class' => 'control-label')) }}
                                    {{ Form::text('advt_panel_count', $data->advt_panel_count ?? 0, array('class' => 'form-control')) }}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 custom-input-group colored-field-group">
                                    {{ Form::label('kiosk_count', __('subscription-plans.kiosk_count'), array('class' => 'control-label')) }}
                                    {{ Form::text('kiosk_count', $data->kiosk_count ?? 0, array('class' => 'form-control')) }}
                                </div>
                                <div class="col-md-6 custom-input-group colored-field-group">
                                    {{ Form::label('plan_status', __('subscription-plans.status'), array('class' => 'control-label')) }}
                                    {{ Form::select('plan_status',['1' =>'Active','0' => 'InActive'] ,$data->plan_status ?? '', array('class' => 'form-control select2')) }}
                                </div>
                            </div>

                    </div>
                    <div class="col-md-6">
                        <div class="custom-input-group colored-field-group">
                            {{Form::label('plan_description', __('subscription-plans.description'), array('class' => 'control-label'))}}
                            {{ Form::textarea('plan_description', $data->plan_description ?? "", array('class' => 'form-control','id' => 'content-desc')) }}
                        </div>
                        <div class="custom-input-group colored-field-group ">
                            <ul class="list-unstyled space-list align-items-center">
                                <li>
                                    <p class="font-medium">{{__('global_extra_master.image')}}</p>
                                    <div class="custom-file-upload-control">
                                        <div class="custom-file-upload-container font13">
                                            {{ Form::file('image', array('class' => 'custom-file-upload-field image-preview-uploader'))}}

                                            <ul class="list-inline">
                                                <li class="list-inline-item">
                                                    <a href="#" class="btn btn-primary font13">{{__('store.choose-file')}}</a>
                                                </li>
                                                <li class="list-inline-item text-muted image-name-placeholder">
                                                    {{__('store.no-choosen-file')}}
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li style="padding: 10px">
                                    <div class="image-preview-container">
                                        <img src="{{ getImagePath($data->image,'product',false)}}" class="img-fluid" alt="" />
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>

                </div>
                <label class="mb-3 mt-4 pl-1" style="font-weight: 600">{!!__('subscription-plans.standard_modules') !!}</label>
                <div class="row ml-2 mb-4">
                    <div class="col-md-12" style="display: contents;">
                        @php $selected = explode(',',$data->module_permission); @endphp
                        @foreach($modules as $m)
                            <div class="permission_card px-2 py-2 mb-4 mr-4">
                                <div class="d-flex ">
                                    <div class="col-md-2 d-flex text-align-center align-self-center pl-1">
                                        {!! Form::checkbox('module_permission[]',$m->id ,in_array($m->id,$selected),[]) !!}
                                    </div>
                                    <div class="col-md-10">
                                        <p>{!! $m->title !!}</p>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
                <div class="custom-input-group colored-field-group col-12">
                    <ul class="list-inline">
                        <li class="list-inline-item">
                            {{ Form::submit( __('common.save'), array('class' => 'btn btn-primary width80')) }}
                        </li>
                    </ul>
                </div>
                {{ Form::close()}}
            </div>
        </div>

    </div>
</div>
@endsection

@section('script')
    <script>
        document.addEventListener('change', function(event) {
            if (event.target.name === 'is_paid') {
                var priceElem = document.querySelector('input[name="price"]');
                priceElem.parentElement.style.visibility = event.target.checked ? 'visible' : 'hidden';
            }
        });

        $(document).on('click','.__permission_module',function(){
            let checkboxElem = $(this).children().find('input[name="permission_module[]"]');
            if(checkboxElem.is(':checked')){
                checkboxElem.prop('checked',false);
                this.style.border = '2px solid #b1a5a5';
            }else{
                checkboxElem.prop('checked',true);
                this.style.border = '2px solid #e26314';
            }
        });

        $(window).on('load', function (){
            CKEDITOR.replace('content-desc');

            CKEDITOR.instances.content.on('change', function() {
                $('#content-desc').parent().find('.error').slideUp('slow');
            });
        });

        $(document).on('click','.permission_card',function(){
            let elem = $(this).find('[name="module_permission[]"]');
            elem.prop('checked',!elem.is(':checked'));
        });
    </script>

@endsection