@extends('admin.settings.setting-layout')
@section('title')
index
@endsection

@section('breadcrumbs')
    <div class="row mb-2 mt-4">
        {{-- <div class="col-sm-6">
            <h1 class="m-0"> </h1>
        </div> --}}
        <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ __('home') }}</a></li>
                <li class="breadcrumb-item">{{ __('settings') }}</li>
                <li class="breadcrumb-item active">index</li>
            </ol>
        </div>
    </div>
@endsection
@section('website-settings')
<section class="lead-category-section">
    <div class="container">
        <form action="" class="lead-category-main">
            <div class="lead-cat-list">
                <h1 class="lead-title">Lead Categorization</h1>
                <div class="lead-cat-dropdown">
                    <div class="country-dropdown">
                        <select class="select-dropdown">
                            <option value="" Selected>Country</option>
                            {{-- <option value="">India</option>
                            <option value="">India</option>
                            <option value="">India</option>
                            <option value="">India</option> --}}
                            @foreach ($countries as $country)
                            <option {{ old('country') == $country->id ? 'selected' : '' }}
                                value="{{ $country->id }}">
                                {{ $country->name }}
                            </option>
                            @endforeach
                        </select>
                        <span class="custom-select-hr"></span>
                        <span class="custom-select-arrow"></span>
                    </div>
                    <div class="save-btn">
                        <button class="save">Save & Publish</button>
                    </div>
                </div>
            </div>
            <div class="lead-cat-box">
                <div class="lead-cat-single-box">
                    <h2 class="category-title gold">GOLD</h2>
                    <div class="education-field " id="attributes">
                        <p class="field-title">Education</p>
                        <div class="field-dropdown education">
                            <div class="single-dropdown">
                                <select  class="level-dropdown">
                                    <option value="">Level</option>
                                    <option value="">Level</option>
                                    <option value="">Level</option>
                                    <option value="">Level</option>
                                    <option value="">Level</option>
                                    <option value="">Level</option>
                                </select>
                                <span class="custom-select-arrow"></span>
                            </div>
                            <div class="single-dropdown score-dropdown">
                                <select  class="level-dropdown">
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                </select>
                                <span class="custom-select-arrow"></span>
                            </div>
                        </div>
                        <button type="button" class="add-more-field add-education-gold">+ ADD</button>
                    </div>
                    <div class="education-field">
                        <p class="field-title">Funds</p>
                        <div class="field-dropdown funds">
                            <div class="single-dropdown type-dropdown">
                                <select  class="level-dropdown ">
                                    <option value="" selected>Select Type</option>
                                    <option value="">type</option>
                                    <option value="">type</option>
                                    <option value="">type</option>
                                    <option value="">type</option>
                                    <option value="">type</option>
                                </select>
                                <span class="custom-select-arrow"></span>
                            </div>
                        </div>
                        <button type="button" class="add-more-field add-fund-gold">+ ADD</button>
                    </div>
                    <div class="education-field">
                        <p class="field-title">Tests</p>
                        <div class="field-dropdown test">
                            <div class="single-dropdown ">
                                <select  class="level-dropdown">
                                    <option value="">Select Exam</option>
                                    <option value="">Exam</option>
                                    <option value="">Exam</option>
                                    <option value="">Exam</option>
                                    <option value="">Exam</option>
                                    <option value="">Exam</option>
                                </select>
                                <span class="custom-select-arrow"></span>
                            </div>
                            <div class="single-dropdown score-dropdown">
                                <select  class="level-dropdown">
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                </select>
                                <span class="custom-select-arrow"></span>
                            </div>
                        </div>
                        <button type="button" class="add-more-field add-test-gold">+ ADD</button>
                    </div>
                </div>
                <div class="lead-cat-single-box">
                    <h2 class="category-title silver">SILVER</h2>
                    <div class="education-field">
                        <p class="field-title">Education</p>
                        <div class="field-dropdown seducation">
                            <div class="single-dropdown">
                                <select  class="level-dropdown">
                                    <option value="">Level</option>
                                    <option value="">Level</option>
                                    <option value="">Level</option>
                                    <option value="">Level</option>
                                    <option value="">Level</option>
                                    <option value="">Level</option>
                                </select>
                                <span class="custom-select-arrow"></span>
                            </div>
                            <div class="single-dropdown score-dropdown">
                                <select  class="level-dropdown">
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                </select>
                                <span class="custom-select-arrow"></span>
                            </div>
                        </div>
                        <button type="button" class="add-more-field add-education-silver">+ ADD</button>
                    </div>
                    <div class="education-field">
                        <p class="field-title">Funds</p>
                        <div class="field-dropdown sfunds">
                            <div class="single-dropdown type-dropdown">
                                <select  class="level-dropdown ">
                                    <option value="" selected>Select Type</option>
                                    <option value="">type</option>
                                    <option value="">type</option>
                                    <option value="">type</option>
                                    <option value="">type</option>
                                    <option value="">type</option>
                                </select>
                                <span class="custom-select-arrow"></span>
                            </div>
                        </div>
                        <button type="button" class="add-more-field add-funds-silver">+ ADD</button>
                    </div>
                    <div class="education-field">
                        <p class="field-title">Tests</p>
                        <div class="field-dropdown stest">
                            <div class="single-dropdown ">
                                <select  class="level-dropdown">
                                    <option value="">Select Exam</option>
                                    <option value="">Exam</option>
                                    <option value="">Exam</option>
                                    <option value="">Exam</option>
                                    <option value="">Exam</option>
                                    <option value="">Exam</option>
                                </select>
                                <span class="custom-select-arrow"></span>
                            </div>
                            <div class="single-dropdown score-dropdown">
                                <select  class="level-dropdown">
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                </select>
                                <span class="custom-select-arrow"></span>
                            </div>
                        </div>
                        <button type="button" class="add-more-field add-test-silver">+ ADD</button>
                    </div>
                </div>
                <div class="lead-cat-single-box">
                    <h2 class="category-title bronze">BRONZE</h2>
                    <div class="education-field">
                        <p class="field-title">Education</p>
                        <div class="field-dropdown beducation">
                            <div class="single-dropdown">
                                <select  class="level-dropdown">
                                    <option value="">Level</option>
                                    <option value="">Level</option>
                                    <option value="">Level</option>
                                    <option value="">Level</option>
                                    <option value="">Level</option>
                                    <option value="">Level</option>
                                </select>
                                <span class="custom-select-arrow"></span>
                            </div>
                            <div class="single-dropdown score-dropdown">
                                <select  class="level-dropdown">
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                </select>
                                <span class="custom-select-arrow"></span>
                            </div>
                        </div>
                        <button type="button" class="add-more-field add-education-bronze">+ ADD</button>
                    </div>
                    <div class="education-field">
                        <p class="field-title">Funds</p>
                        <div class="field-dropdown bfunds">
                            <div class="single-dropdown type-dropdown">
                                <select  class="level-dropdown ">
                                    <option value="" selected>Select Type</option>
                                    <option value="">type</option>
                                    <option value="">type</option>
                                    <option value="">type</option>
                                    <option value="">type</option>
                                    <option value="">type</option>
                                </select>
                                <span class="custom-select-arrow"></span>
                            </div>
                        </div>
                        <button type="button" class="add-more-field add-fund-bronze">+ ADD</button>
                    </div>
                    <div class="education-field">
                        <p class="field-title">Tests</p>
                        <div class="field-dropdown btest">
                            <div class="single-dropdown ">
                                <select  class="level-dropdown">
                                    <option value="">Select Exam</option>
                                    <option value="">Exam</option>
                                    <option value="">Exam</option>
                                    <option value="">Exam</option>
                                    <option value="">Exam</option>
                                    <option value="">Exam</option>
                                </select>
                                <span class="custom-select-arrow"></span>
                            </div>
                            <div class="single-dropdown score-dropdown">
                                <select  class="level-dropdown">
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                    <option value="">Score</option>
                                </select>
                                <span class="custom-select-arrow"></span>
                            </div>
                        </div>
                        <button type="button" class="add-more-field add-test-bronze">+ ADD</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</section>

@endsection

@section('style')
<link rel="stylesheet" href="{{ asset('backend') }}/leadCategory/css/leadcategory.css">
{{-- <link rel="stylesheet" href="{{ asset('backend') }}/plugins/select2/css/select2.min.css"> --}}

@endsection
@section('script')
{{-- <script src="{{ asset('backend') }}/plugins/select2/js/select2.full.min.js"></script> --}}
<script>
 var education = $(".education");
 var funds = $(".funds");
 var test = $(".test");
// Gold Edsucation
    function addEdugold() {
    var newRow = education.clone(true, true);
    newRow.insertBefore(".add-education-gold");
    }
    // Handle the click event for the specific "add-more-field" button
    $(".add-education-gold").on('click', function () {
    // Call the addRow() function
    addEdugold();
    });
// Gold Funds
function addfundgold() {
    var newRow = funds.clone(true, true);
    newRow.insertBefore(".add-fund-gold");
    }
    // Handle the click event for the specific "add-more-field" button
    $(".add-fund-gold").on('click', function () {
    // Call the addRow() function
    addfundgold();
    });
// Gold Test
    function addTestgold() {
    var newRow = test.clone(true, true);
    newRow.insertBefore(".add-test-gold");
    }
    // Handle the click event for the specific "add-more-field" button
    $(".add-test-gold").on('click', function () {
    // Call the addRow() function
    addTestgold();
    });

    // Silver Batch

    var Seducation = $(".seducation");
    var Sfunds = $(".sfunds");
    var Stest = $(".stest");
    // Silver Edsucation
    function addEdusilver() {
    var newRow = Seducation.clone(true, true);
    newRow.insertBefore(".add-education-silver");
    }
    // Handle the click event for the specific "add-more-field" button
    $(".add-education-silver").on('click', function () {
    // Call the addRow() function
    addEdusilver();
    });
    // Silver Funds
    function addfundsilver() {
        var newRow = Sfunds.clone(true, true);
        newRow.insertBefore(".add-funds-silver");
        }
        // Handle the click event for the specific "add-more-field" button
        $(".add-funds-silver").on('click', function () {
        // Call the addRow() function
        addfundsilver();
        });
    // Silver Test
        function addTestsilver() {
        var newRow = Stest.clone(true, true);
        newRow.insertBefore(".add-test-silver");
        }
        // Handle the click event for the specific "add-more-field" button
        $(".add-test-silver").on('click', function () {
        // Call the addRow() function
        addTestsilver();
        });

        // Bronze Batch

    var Beducation = $(".beducation");
    var Bfunds = $(".bfunds");
    var Btest = $(".btest");
    // Bronze Edsucation
    function addEdubronze() {
    var newRow = Beducation.clone(true, true);
    newRow.insertBefore(".add-education-bronze");
    }
    // Handle the click event for the specific "add-more-field" button
    $(".add-education-bronze").on('click', function () {
    // Call the addRow() function
    addEdubronze();
    });
    // Bronze Funds
    function addfundbronze() {
        var newRow = Bfunds.clone(true, true);
        newRow.insertBefore(".add-fund-bronze");
        }
        // Handle the click event for the specific "add-more-field" button
        $(".add-fund-bronze").on('click', function () {
        // Call the addRow() function
        addfundbronze();
        });
    // Bronze Test
        function addTestbronze() {
        var newRow = Btest.clone(true, true);
        newRow.insertBefore(".add-test-bronze");
        }
        // Handle the click event for the specific "add-more-field" button
        $(".add-test-bronze").on('click', function () {
        // Call the addRow() function
        addTestbronze();
        });

</script>

@endsection