@extends('main.layouts.app')
@section('content')
    <div class="main-content">
        <section class="section">
            <div class="section-header">
                <h1><i class="fa fa-fw fa-medal"></i> Member Ranks</h1>
            </div>
            <div class="section-body">
                <div class="row">
                    <div class="col-md-4">
                        <div class="card">
                            <div class="card-header">
                                <h4>Rank Level</h4>
                            </div>
                            <form method="get">
                                <div class="card-body">
                                    <div class="form-group">
                                        <select name="rkId" class="form-control select1">
                                            <option value disabled>-</option>
                                        </select>
                                    </div>
                                    <div class="text-right">
                                        <button type="submit" value="Load" id="load" class="btn btn-info">
                                            <i class="fa fa-fw fa-redo"></i> Load
                                        </button>
                                        <input type="hidden" name="hal" value="ranklist">
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="text-center">
                            <a href="javascript:;"
                                data-href="https://www.mlmscript.net/docs/unimatrix/index.php?todo=upgrade"
                                class="btn btn-danger bootboxconfirm mb-4" data-poptitle="Add Rank"
                                data-popmsg="<div>
        You are currently using a <strong>Regular</strong> license. In order to use this features, please consider upgrading your license to a <strong>Plus</strong> (Extended) license.
    </div>
    
    <div>
        <div class='badge badge-light mt-3'><i class='fas fa-lightbulb text-warning'></i> Plus License Features:</div>
        <ul class='text-small'>
            <li>Support multiple packages or programs (up to 5).</li>
            <li>Set up different fees and commissions for each package or program, as well as, enable separate access to the secure contents or digital download.</li>
            <li>Allow to configure different membership renewal fees and commissions.</li>
            <li>Support more member ranks.</li>
            <li>Option to disable change on member name and email.</li>
            <li>Automatic database backup.</li>
            <li>Free download for the next update or latest version.</li>
            <li>Enable Vendor feature (SaaS) with fees.</li>
            <li>Use the system for commercial usage.</li>
            <li class='text-monospace'>...more</li>
            <li class='text-info'>Get a limited <strong>discount</strong> offer when upgrade from a Regular license.</li>
        </ul>
        <div>Click <strong>Confirm</strong> button below to continue.</div>
    </div>"
                                data-toggle="tooltip" title="Add more member rank"><i
                                    class="fas fa-fw fa-question-circle"></i> Need more?</a>
                        </div>
                    </div>
                    <div class="col-md-8">
                        <div class="card">
                            <form method="post" action="index.php" enctype="multipart/form-data" id="msgtplform">
                                <input type="hidden" name="hal" value="ranklist">
                                <div class="card-header">
                                    <h4>Options</h4>
                                </div>
                                <div class="card-body">
                                    <p class="text-muted"><i class="fa fa-fw fa-long-arrow-alt-left"></i> Please select the
                                        level rank from the list to update or click + (when it is available) to create a new
                                        rank!</p>
                                    <div class="form-group">
                                        <label for="rkname">Rank Title</label>
                                        <input type="text" name="rkname" id="rkname" class="form-control" value
                                            placeholder="Rank Title" required>
                                    </div>
                                    <div class="form-group">
                                        <label for="summernote">Description</label>
                                        <textarea class="form-control" name="rkinfo" id="summernotemini" placeholder="Rank description"></textarea>
                                    </div>
                                    <div class="form-group">
                                        <label for="rklogo">Rank Logo</label>
                                        <input type="file" name="rklogo" id="rklogo" class="form-control">
                                        <input type="hidden" name="old_rklogo" value>
                                        <div class="form-text text-muted">The image must have a maximum size of 1MB</div>
                                    </div>
                                    <div class="form-group">
                                        <label for="rkbgcolor">Genealogy Node Color</label>
                                        <div class="input-group">
                                            <input type="color" name="rkbgcolor" id="rkbgcolor" class="form-control"
                                                value="#EEEEEE" placeholder="#EEE">
                                        </div>
                                    </div>
                                    <div class="form-row">
                                        <div class="form-group col-md-6">
                                            <label for="rktodolist_minmydl">Rank Rule: Min. Personal Referrals</label>
                                            <div class="input-group">
                                                <select name="rktodolist[rulemydl]" id="rktodolist_rulemydl"
                                                    class="custom-select">
                                                    <option value selected>disable
                                                    <option value="or">OR
                                                    <option value="and">AND
                                                </select> <input type="number" name="rktodolist[minmydl]"
                                                    id="rktodolist_minmydl" class="form-control" value="0"
                                                    placeholder="Minimum personal referrals for this rank" required>
                                            </div>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="rktodolist_mintotdl">Rank Rule: Min. Total Referrals</label>
                                            <div class="input-group">
                                                <select name="rktodolist[ruletotdl]" id="rktodolist_ruletotdl"
                                                    class="custom-select">
                                                    <option value selected>disable
                                                    <option value="or">OR
                                                    <option value="and">AND
                                                </select> <input type="number" name="rktodolist[mintotdl]"
                                                    id="rktodolist_mintotdl" class="form-control" value="0"
                                                    placeholder="Minimum total referrals for this rank" required>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="rkbonuslist_rankcmlist">Rank Reward</label>
                                        <textarea class="form-control" name="rkbonuslist[rankcmlist]" id="rkbonuslist_rankcmlist"
                                            placeholder="One time bonus or reward when achieve this rank"></textarea>
                                    </div>
                                    <div class="form-group">
                                        <label for="rkbonuslist_adjcmdrlist">Adjustment - Personal Referral
                                            Commission</label>
                                        <textarea class="form-control" name="rkbonuslist[adjcmdrlist]" id="rkbonuslist_adjcmdrlist"
                                            placeholder="Modified personal referral commission list based on this rank"></textarea>
                                    </div>
                                    <div class="form-group">
                                        <label for="rkbonuslist_adjcmlist">Adjustment - Initial Level Commission</label>
                                        <textarea class="form-control" name="rkbonuslist[adjcmlist]" id="rkbonuslist_adjcmlist"
                                            placeholder="Modified initial referrals commission list based on this rank"></textarea>
                                    </div>
                                    <div class="form-group">
                                        <label for="rkbonuslist_cmlistrnew">Adjustment - Renewal Level Commission</label>
                                        <textarea class="form-control" name="rkbonuslist[cmlistrnew]" id="rkbonuslist_cmlistrnew"
                                            placeholder="Modified renewal referral commission list based on this rank"></textarea>
                                    </div>
                                    <div class="form-group">
                                        <label for="rkadminfo">Note (displayed by Administrator only)</label>
                                        <textarea class="form-control rowsize-sm" name="rkadminfo" id="rkadminfo"
                                            placeholder="Administration note about this rank"></textarea>
                                    </div>
                                    <div class="form-group">
                                        <label for="selectgroup-pills">Rank Status</label>
                                        <div class="selectgroup selectgroup-pills">
                                            <label class="selectgroup-item">
                                                <input type="radio" name="rkstatus" value="0"
                                                    class="selectgroup-input">
                                                <span class="selectgroup-button selectgroup-button-icon"><i
                                                        class="fa fa-fw fa-times"></i> Disable</span>
                                            </label>
                                            <label class="selectgroup-item">
                                                <input type="radio" name="rkstatus" value="1"
                                                    class="selectgroup-input">
                                                <span class="selectgroup-button selectgroup-button-icon"><i
                                                        class="fa fa-fw fa-check"></i> Enable</span>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-footer bg-whitesmoke text-md-right">
                                    <button type="reset" name="reset" value="reset" id="reset"
                                        class="btn btn-warning">
                                        <i class="fa fa-fw fa-undo"></i> Reset
                                    </button>
                                    <button type="submit" name="submit" value="submit" id="submit"
                                        class="btn btn-primary">
                                        <i class="fa fa-fw fa-check"></i> Save Changes
                                    </button>
                                    <input type="hidden" name="rkId" value="0">
                                    <input type="hidden" name="rkExistId" value>
                                    <input type="hidden" name="dosubmit" value="1">
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <div class="modal fade" id="myModal" role="dialog" aria-labelledby="...">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document">

            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">New message</h5>
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                </div>
            </div>
        </div>
    </div>
@endsection