@extends('layouts.app')

@section('title', 'Sub Roles')

@section('breadcrumb')
    <ul class="breadcrumb">
        <li>
            <p>DASHBOARD</p>
        </li>
        <li><a href="#" class="active">Tambah Sub Role</a> </li>
    </ul>
@endsection


@section('title-section', 'Tambah Sub Role User')

@section('content')
    <div class="row">
        <div class="col-md-12">
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <div class="grid simple form-grid">
                <div class="grid-title no-border">
                </div>
                <div class="grid-body no-border">
                    <form action="{{ route('sub-role.store') }}" method="POST" autocomplete="off" class="validate"
                        id="roles-form">
                        @csrf
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="form-label">Nama Sub Role</label>
                                    <input class="form-control" id="role" placeholder="Nama Sub Role" name="sub_role"
                                        type="text">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="form-label">Role</label>
                                    <select id="role" style="width: 100%" name="role_id">
                                        <option value="">Pilih Role</option>
                                        @foreach ($data as $role)
                                            <option value="{{ $role->id }}">{{ $role->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <p>Menu Akses</p>
                        <div class="d-lg-flex mb-3 gap-5 ">
                            {{-- Data Marketing menu access --}}
                            <div class="menu-access">
                                <p>Data Marketing</p>
                                <div class="sub-menu-marketing">
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="marketing[]" value="Registrasi">
                                        <label class="ms-2 mt-1">Registrasi</label><br>
                                    </div>
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="marketing[]" value="Penawaran">
                                        <label class="ms-2 mt-1">Penawaran</label><br>
                                    </div>
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="marketing[]" value="Invoice">
                                        <label class="ms-2 mt-1">Invoice</label><br>
                                    </div>
                                    {{-- <div class="form-check d-flex">
                                        <input type="checkbox" name="marketing[]" value="Timeline">
                                        <label class="ms-2 mt-1">Timeline</label><br>
                                    </div> --}}
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="marketing[]" value="Project">
                                        <label class="ms-2 mt-1">Project</label><br>
                                    </div>
                                </div>
                            </div>
                            {{-- End data marketing menu access --}}

                            {{-- Data Customer menu access --}}
                            <div class="menu-access">
                                <p>Data Customer</p>
                                <div class="sub-menu-customer">
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="customer[]" value="Data Customer">
                                        <label class="ms-2 mt-1">Data Customer</label><br>
                                    </div>
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="customer[]" value="Data Clientzone">
                                        <label class="ms-2 mt-1">Data Clientzone</label><br>
                                    </div>
                                </div>
                            </div>
                            {{-- End data customer menu access --}}

                            {{-- Master data menu access --}}
                            <div class="menu-access">
                                <p>Master Data</p>
                                <div class="sub-menu-master-data">
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="master_data[]" value="Kategori">
                                        <label class="ms-2 mt-1">Kategori</label><br>
                                    </div>
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="master_data[]" value="Sub Kategori">
                                        <label class="ms-2 mt-1">Sub Kategori</label><br>
                                    </div>
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="master_data[]" value="Layanan">
                                        <label class="ms-2 mt-1">Layanan</label><br>
                                    </div>
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="master_data[]" value="Proses Layanan">
                                        <label class="ms-2 mt-1">Proses Layanan</label><br>
                                    </div>
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="master_data[]" value="Persyaratan">
                                        <label class="ms-2 mt-1">Persyaratan</label><br>
                                    </div>
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="master_data[]" value="Lokasi">
                                        <label class="ms-2 mt-1">Lokasi</label><br>
                                    </div>
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="master_data[]" value="KBLI">
                                        <label class="ms-2 mt-1">KBLI</label><br>
                                    </div>
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="master_data[]" value="Kontak">
                                        <label class="ms-2 mt-1">Kontak</label><br>
                                    </div>
                                </div>
                            </div>
                            {{-- End data menu access --}}

                            {{-- Data Website menu access --}}
                            <div class="menu-access">
                                <p>Data Website</p>
                                <div class="sub-menu-website">
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="website[]" value="Edit Konten">
                                        <label class="ms-2 mt-1">Edit Konten</label><br>
                                    </div>
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="website[]" value="Edit Dokumentasi">
                                        <label class="ms-2 mt-1">Edit Dokumentasi</label><br>
                                    </div>
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="website[]" value="Edit Promosi">
                                        <label class="ms-2 mt-1">Edit Promosi</label><br>
                                    </div>
                                </div>
                            </div>
                            {{-- End data website menu access --}}

                            {{-- Data Laporan menu access --}}
                            <div class="menu-access">
                                <p>Data Laporan</p>
                                <div class="sub-menu-website">
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="laporan[]" value="Accounting">
                                        <label class="ms-2 mt-1">Accounting</label><br>
                                    </div>
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="laporan[]" value="Marketing">
                                        <label class="ms-2 mt-1">Marketing</label><br>
                                    </div>
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="laporan[]" value="Produksi">
                                        <label class="ms-2 mt-1">Produksi</label><br>
                                    </div>
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="laporan[]" value="Manajemen">
                                        <label class="ms-2 mt-1">Manajemen</label><br>
                                    </div>
                                </div>
                            </div>
                            {{-- End data laporan menu access --}}

                            {{-- Data User menu access --}}
                            <div class="menu-access">
                                <p>Data User</p>
                                <div class="sub-menu-website">
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="user[]" value="Edit Role">
                                        <label class="ms-2 mt-1">Edit Role</label><br>
                                    </div>
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="user[]" value="Sub Role">
                                        <label class="ms-2 mt-1">Sub Role</label><br>
                                    </div>
                                    <div class="form-check d-flex">
                                        <input type="checkbox" name="user[]" value="Tambah User">
                                        <label class="ms-2 mt-1">Tambah User</label><br>
                                    </div>
                                </div>
                            </div>
                            {{-- End data user menu access --}}

                            <div class="menu-access">
                                <div class="form-check d-flex">
                                    <input type="checkbox" name="administrator[]" value="Administrator">
                                    <label class="ms-2 mt-1">Administrator</label><br>
                                </div>
                            </div>

                        </div>
                        <label class="form-label">Deskripsi</label>
                        <div class="form-floating">
                            <textarea class="form-control" name="description" id="description"></textarea>
                        </div>
                        <div class="form-actions">
                            <div class="pull-right">
                                <button class="btn btn-success btn-cons" type="submit"><i
                                        class="icon-ok"></i>Simpan</button>
                                <button type="reset" class="btn btn-warning btn-cons">Reset</button>
                                <a href="{{ route('sub-role.index') }}" class="btn btn-danger btn-cons">Kembali</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection