@extends('layouts.admin.base')

@section('page-title')
    {{ $plan->name }} Editor
@endsection

@section('content')
<div class="row">
    <div class="col-md-8 mb-3 mb-xl-4 mb-lg-3 mb-md-3">
        <div class="card card-bg border-0">
            <div class="card-body">
                <form id="sendmessageform" method="POST" action="{{ route('admin_update_plan') }}">
                    {{ csrf_field() }}
                    <input type="hidden" name="plan_id" value="{{ $plan->id }}">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group mb-3">
                                        <label class="form-label" for="category_id">Category</label>
                                        <select class="form-control" name="category_id" type="text" id="category_id">
                                            @foreach ($categories as $category)
                                                <option @if ($category->id == $plan->plan_category_id) selected @endif
                                                    value="{{ $category->id }}">{{ $category->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group mb-3">
                                        <label class="form-label" for="users">Users</label>
                                        <select name="users[]" type="text" id="users" multiple>
                                            <option value="">All</option>
                                            @foreach ($users as $user)

                                                <option @if($plan->hasUser($user, $plan->users)) selected @endif
                                                    value="{{ $user->id }}">{{ $user->name }}</option>
                                                value="{{ $user->id }}">{{ $user->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group mb-3"><label class="form-label" for="planname">Plan
                                    Name</label><input value="{{ $plan->name }}" name="name" class="form-control"
                                    type="text" id="planname" required="" autofocus=""></div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group mb-3"><label class="form-label" for="minamount">Minimum
                                    Amount</label><input value="{{ $plan->minimum_amount }}" class="form-control"
                                    name="minimum_amount" type="number" id="minamount" step="0.01" required="">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group mb-3"><label class="form-label" for="maxamount">Maximum
                                    Amount</label><input value="{{ $plan->maximum_amount }}" class="form-control"
                                    name="maximum_amount" type="number" id="maxamount" step="0.01" required=""></div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group mb-3"><label class="form-label" for="planduration">Plan
                                    Duration</label><input class="form-control" value="{{ $plan->duration }}"
                                    name="duration" type="number" id="planduration" min="1"
                                    step="1" required=""></div>
                        </div>
                        <div class="col-md-12">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group mb-3"><label class="form-label" for="percentageprofit"><span
                                                style="color: rgb(33, 37, 41); background-color: rgb(255, 255, 255);">Minimum
                                                Profit(%)</span></label><input value="{{ $plan->minimum_profit }}"
                                            class="form-control" name="minimum_profit" type="number"
                                            id="percentageprofit" step="0.01" required=""></div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group mb-3"><label class="form-label" for="percentageprofit"><span
                                                style="color: rgb(33, 37, 41); background-color: rgb(255, 255, 255);">Maximum
                                                Profit(%)</span></label><input value="{{ $plan->profit }}"
                                            class="form-control" name="profit" type="number" id="percentageprofit"
                                            step="0.01" required=""></div>
                                </div>
                            </div>
                            <div class="form-group mb-3">
                                <label class="form-label" for="percentageprofit"><span
                                        style="color: rgb(33, 37, 41); background-color: rgb(255, 255, 255);">Frequencies
                                        <button type="button" class="btn btn-sm btn-secondary"
                                            onclick="add_frequency('_frequency_box_{{ $plan->id }}')"><i
                                                class="fa fa-plus"></i> Add Frequency</button></span></label>

                                <div class="_frequency_box_{{ $plan->id }} row">
                                    @foreach ($plan->profits_frequency() as $frequency)
                                        <div class="col-md-6 form-group mb-3">
                                            <label class="form-label" for="feature1">Percentage
                                                {{ $frequency->percentage }}</label>
                                            <input name="frequencies[{{ $frequency->percentage }}][]"
                                                value="{{ $frequency->value }}" class="form-control">
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                        <hr>
                        <div class="col-md-12">
                            <div class="form-group mb-3">
                                <input @if ($plan->first_timer_only) checked @endif name="first_timer_only" value="{{ _TRUE }}" class="form-check-input box" type="checkbox" id="first_timer_only">
                                <label class="form-check-label" for="first_timer_only">First Timer Only Plan</label>    
                                &nbsp; &nbsp;
                                <input @if ($plan->is_private) checked @endif name="is_private" value="{{ _TRUE }}" class="form-check-input box" type="checkbox" id="is_private">
                                <label class="form-check-label" for="is_private">Private Plan</label>    
                                &nbsp; &nbsp;
                                <input @if ($plan->is_company) checked @endif name="is_company" value="{{ _TRUE }}" class="form-check-input box" type="checkbox" id="is_company">
                                <label class="form-check-label" for="is_company">Company Plan</label>    
                                &nbsp; &nbsp;
                                <input @if ($plan->recommended) checked @endif name="recommended" value="{{ _TRUE }}" class="form-check-input box" type="checkbox" id="recommended">
                                <label class="form-check-label" for="recommended">Recommend Plan</label>    
                            </div>
                        </div>
                        <hr>
                        <div class="col-md-12">
                            <div class="form-group mb-3">
                                <label class="form-label"><span style="color: rgb(33, 37, 41); background-color: rgb(255, 255, 255);">Black Friday Settings</span></label>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group mb-3">
                                <input @if ($plan->is_blackfriday) checked @endif name="is_blackfriday" value="{{ _TRUE }}" class="form-check-input box" type="checkbox" id="is_blackfriday">
                                <label class="form-check-label" for="is_blackfriday">Tag as Black Friday Plan</label>    
                            </div>
                        </div>
                        <div class="col-md-12" id="blackfriday_dates" style="display: {{ $plan->is_blackfriday ? 'block' : 'none' }};">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group mb-3">
                                        <label class="form-label" for="blackfriday_start_date">Black Friday Start Date</label>
                                        <input value="{{ $plan->blackfriday_start_date ? \Carbon\Carbon::parse($plan->blackfriday_start_date)->format('Y-m-d') : '' }}" 
                                            name="blackfriday_start_date" class="form-control" type="date" id="blackfriday_start_date">
                                        <small class="form-text text-muted">Optional: Leave empty to use global settings</small>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group mb-3">
                                        <label class="form-label" for="blackfriday_end_date">Black Friday End Date</label>
                                        <input value="{{ $plan->blackfriday_end_date ? \Carbon\Carbon::parse($plan->blackfriday_end_date)->format('Y-m-d') : '' }}" 
                                            name="blackfriday_end_date" class="form-control" type="date" id="blackfriday_end_date">
                                        <small class="form-text text-muted">Optional: Leave empty to use global settings</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <hr>
                        <div class="col-md-12">
                            <div class="form-group mb-3"><label class="form-label" for="daily"><span style="color: rgb(33, 37, 41); background-color: rgb(255, 255, 255);">Payout Options</span></label></div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group mb-3">
                                @foreach ($payout_options as $option)
                                    <div class="form-check form-check-inline">
                                        <input @if ($plan->hasPayoutOption($option, $plan->payout_options)) checked @endif name="payout_options[]"
                                            value="{{ $option->id }}" class="form-check-input box" type="checkbox"
                                            id="po_{{ $option->id }}">
                                        <label class="form-check-label"
                                            for="po_{{ $option->id }}">{{ $option->name }}</label>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group mb-3">
                                <label class="form-label" for="level1">
                                    <span
                                        style="color: rgb(33, 37, 41); background-color: rgb(255, 255, 255);">Referral
                                        Levels</span>
                                </label>
                                <button type="button" class="btn btn-sm btn-secondary"
                                    onclick="add_level('level_{{ $plan->id }}')"><i class="fa fa-plus"></i> Add
                                    Level</button>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="row level_{{ $plan->id }}">
                                @foreach ($plan->referral_levels() as $referral_level)
                                    <div class="col-md-6 form-group mb-3">
                                        <label class="form-label" for="feature1">Level
                                            {{ $referral_level->level }}</label>
                                        <input name="referral_levels[{{ $referral_level->level }}][]"
                                            value="{{ $referral_level->value }}" class="form-control">
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group mb-3"><label class="form-label" for="level1"><span
                                        style="color: rgb(33, 37, 41); background-color: rgb(255, 255, 255);">Features</span></label>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group mb-3">
                                @foreach ($features as $feature)
                                    <div class="form-check form-check-inline">
                                        <input @if ($plan->hasFeature($feature, $plan->features)) checked @endif name="features[]"
                                            value="{{ $feature->id }}" class="form-check-input box" type="checkbox"
                                            id="feature_{{ $feature->id }}">
                                        <label class="form-check-label"
                                            for="feature_{{ $feature->id }}">{{ $feature->name }}</label>
                                    </div>
                                @endforeach
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="form-group mb-3">
                                <label class="form-label" for="plans_display">Display Features</label>
                                <textarea placeholder="Separate Features by Pipe(|)" class="form-control" name="plans_display" id="plans_display" rows="2">{{ $plan->plans_display }}</textarea>
                            </div>
                        </div>
                        
                        <div class="col-md-12">
                            <div class="form-group mb-3">
                                <label class="form-label" for="level1">Description</label>
                                <textarea class="form-control" name="description" id="summernote" rows="5">{!! html_entity_decode($plan->description) !!}</textarea>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group mb-3"><button class="btn btn-primary"
                                    type="submit">Update</button></div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    @include('user.plans.components.plan', ['plan_model' => $plan])

</div>
@endsection


@section('scripts')

<script>
    var current_level = 1
    function add_level(el_string){
        if (el_string == undefined) {
            var h = '<div class="col-md-6 form-group mb-3"><label class="form-label" for="feature1">Level '+current_level+'</label><input name="referral_levels['+current_level+'][]" class="form-control"></div>';
            $('._referral_level').append(h);
            current_level += 1;
        } else {
            let level = prompt("Please enter level:", "2");
            if (!(level == null) && !(level == "")) {
                var h = '<div class="col-md-6 form-group mb-3"><label class="form-label" for="feature1">Level '+level+'</label><input name="referral_levels['+level+'][]" class="form-control"></div>';
                $('.'+el_string).append(h);
            }
        }
    }

    $(document).ready(function() {
        add_level()
        add_level()
        $('#summernote').summernote('fontName', "'IBM Plex Sans', sans-serif");
        $('#users').selectize();
        
        // Toggle Black Friday date fields
        $('#is_blackfriday').on('change', function() {
            if ($(this).is(':checked')) {
                $('#blackfriday_dates').slideDown();
            } else {
                $('#blackfriday_dates').slideUp();
            }
        });
    })

    function add_frequency(el_string){
        let percent = prompt("How many percent:", "0.5");
        if (!(percent == null) && !(percent == "")) {
            var h = '<div class="col-md-6 form-group mb-3">';
            h += '<label class="form-label">'+percent+'% How many times</label>'
            h += '<input placeholder="How many days" name="frequencies['+percent+'][]" class="form-control">'
            h += '</div>'
            $('.'+el_string).append(h);
        }
        
    }

    function init() {
        return {
            plan: {
                name: '',
                min: null,
                max: null,
                duration: null,
                percentage: null,
                daily: false,
                weekly: false,
                monthly:false,
                feature1: '',
                feature2: '',
                feature3: '',
                feature4: '',
                level1: false,
                level2: false,
                level3: false,
            }
        }
    }
</script>

@endsection