@extends('merchant.app')

@section('title', panel_setting_title("Kullanıcı Grubu Rol"))

@section('content')
    <main class="mt-120  " id="main">
        <h6 class="my-lg-4 my-0 mb-lg-0 ">Kullanıcı Grubu & Rol</h6>
        @include("merchant.Components.statistics")
        <div class="row mt-4 ">
            <div class="col-12 ">
                <!--=============== CARD ===============-->
                <div class="card__container-all-page p-3  border-color-custom">

                    <h6 class="  my-0 mb-lg-0">Kullanıcı Grubu & Rol</h6>

                    <div class="row mt-lg-4 mt-2">
                        <div class="col-lg-12 col-12 ">
                            <div class="form-floating">
                                <select class="form-select border-color-custom" id="kullanici"
                                    aria-label="Floating label select example">
                                    <option selected>1</option>
                                    <option value="1">2</option>
                                    <option value="2">3</option>
                                </select>
                                <label for="kullanici">Kullanıcı Grubu</label>
                            </div>
                        </div>
                        <div class="col-lg-6 col-12">
                            <p class="m-0 p-0 h6 text-custom-color invisible">Kullanıcıları Seç
                            </p>
                            <ul class="list-group mt-4 ">
                                <li class="list-group-item bg-transparent  bg-primary fw-500">
                                    Mevcut Kullanıcılar</li>
                                <li class="list-group-item bg-transparent text-custom-color" id="item1"
                                    draggable="true">Item 1</li>
                                <li class="list-group-item bg-transparent text-custom-color" id="item2"
                                    draggable="true">Item 2</li>
                            </ul>
                        </div>
                        <div class="col-lg-6 col-12">
                            <p class="m-0 p-0 h6 text-custom-color invisible">
                                Kullanıcıları Seç</p>
                            <ul class="list-group mt-4 ">
                                <li class="list-group-item bg-transparent bg-primary fw-500">
                                    Seçilmiş Kullanıcılar</li>
                                <li class="list-group-item bg-transparent text-custom-color" id="item1"
                                    draggable="true">Item 1</li>
                                <li class="list-group-item bg-transparent text-custom-color" id="item2"
                                    draggable="true">Item 2</li>
                            </ul>
                        </div>
                    </div>
                    <div class="row align-items-end justify-content-lg-end justify-content-center  m-0 p-0 mt-lg-5 mt-3">
                        <div class="col-lg-2 col-12 mb-2  ">
                            <a href="#" class="btn btn-primary py-3 w-100 w-md-auto fw-500">Kaydet</a>
                        </div>
                    </div>

                </div>
            </div>

    </main>
@endsection