@extends('admin.layouts.container')

@section('content')
    <div class="side-title">
        <h3>{{ $head ?? '' }}</h3>
    </div>

    <div class="border-item">
        <form class="form-row" method="post" action="{{ $action }}" enctype="multipart/form-data">
            @if($marketer ?? ''  && $marketer->id)
                @method('PUT')
            @endif
            @csrf

            <div class="form-group col-lg-6">
                <label>{{ __('marketers.name') }} </label>
                <input type="text" class="form-control {{ $errors->has('name') ? 'is-invalid' : '' }}" name="name" placeholder="{{ __('marketers.name') }}" value='{{ old("name", $marketer->name ?? "") }}'/>
            </div>

            <div class="form-group col-lg-6">
                <label>{{ __('marketers.email') }} </label>
                <input type="email" class="form-control {{ $errors->has('email') ? 'is-invalid' : '' }}" name="email" placeholder="{{ __('marketers.email') }}" value='{{ old("email", $marketer->email ?? "") }}'/>
            </div>

            <div class="form-group col-lg-6">
                <label>{{ __('marketers.phone') }} </label>
                <input type="tel" class="form-control {{ $errors->has('phone') ? 'is-invalid' : '' }}" name="phone" placeholder="{{ __('marketers.phone') }}" value='{{ old("phone", $marketer->phone ?? "") }}'/>
            </div>

            <div class="form-group col-lg-6">
                <label>{{ __('marketers.website') }} </label>
                <input type="url" class="form-control {{ $errors->has('website') ? 'is-invalid' : '' }}" name="website" placeholder="{{ __('marketers.website') }}" value='{{ old("website", $marketer->website ?? "") }}'/>
            </div>

            <div class="form-group col-lg-6">
                <label>{{ __('marketers.commission') }} </label>
                <div class="input-group mb-3">
                    <input type="number" step="0.01" class="form-control {{ $errors->has('commission') ? 'is-invalid' : '' }}" name="commission" placeholder="{{ __('marketers.commission') }}" value='{{ old("commission", $marketer->commission ?? "") }}'/>
                    <div class="input-group-append">
                        <span class="input-group-text" id="basic-addon2">%</span>
                    </div>
                </div>
            </div>

            <div class="form-group col-lg-6">
                <label>{{ __('marketers.discount') }} </label>
                <div class="input-group mb-3">
                    <input type="number" step="0.01" class="form-control {{ $errors->has('discount') ? 'is-invalid' : '' }}" name="discount" placeholder="{{ __('marketers.discount') }}" value='{{ old("discount", $marketer->discount ?? "") }}'/>
                    <div class="input-group-append">
                        <span class="input-group-text" id="basic-addon2">%</span>
                    </div>
                </div>
            </div>

            <div class="form-group col-lg-6">
                <label>{{ __('marketers.code') }} </label>
                <input type="text" {{ ($marketer->code ?? null) ? 'readonly' : ''  }} class="form-control marketer_code {{ $errors->has('code') ? 'is-invalid' : '' }}" name="code" placeholder="{{ __('marketers.code') }}" value='{{ old("code", $marketer->code ?? "") }}'/>
            </div>

            <div class="form-group col-lg-6">
                <label>{{ __('marketers.affiliate_link') }} </label>
                <input type="url" disabled class="form-control affiliate_link" disabled placeholder="{{ __('marketers.affiliate_link') }}" value='{{ (app('site_settings')->website_url ?? '').'/THEME_NAME?ref='.old("code", $marketer->code ?? "") }}'/>
            </div>

            <div class="text-center col-12">
                <button class="butn"><span>{{ __('dashboard.save') }}</span></button>
            </div>
        </form>
    </div>

@endsection

@section('inner_js')
    <!-- Editor JS files -->
    <script src="{{ asset('/assets/admin/js/lib/tinymce.min.js') }}"></script>
    {{--        <script src="//cdn.tinymce.com/4/tinymce.min.js"></script>--}}
    <script>
        let route_prefix = "{{ url(config('lfm.prefix')) }}",
            {{--url = "{{url('/')}}/",--}}
            imagePath = "{{asset('')}}";

        $('.marketer_code').keyup(function(){
            $('.affiliate_link').val("{{(app('site_settings')->website_url ?? '').'/THEME_NAME?ref='}}"+$(this).val())
        })
    </script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>
    <script src="{{ asset('assets/admin/js/lfm.js') }}"></script>
@endsection