@extends('layout.admin_v2.main')
@section('title','スタッフ管理')
@push('css')

    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
    <link rel="stylesheet" href="/_assets/commons/css/list.css?v={{config("sns-line.version")}}" type="text/css">
    <link rel="stylesheet" href="/_assets/commons/css/lme_custom.css?v={{config("sns-line.version")}}" type="text/css">
    <link rel="stylesheet" href="/_assets/modules/lp/css/staff_access.css?v={{config("sns-line.version")}}" type="text/css">
    <link rel="stylesheet" href="/lme-ui/src/css/base.css?v={{config("sns-line.version")}}" type="text/css">
    <link rel="stylesheet" href="/lme-ui/src/css/input/input.css?v={{config("sns-line.version")}}" type="text/css">
    <link rel="stylesheet" href="/lme-ui/src/css/input/select.css?v={{config("sns-line.version")}}" type="text/css">
@endpush
@section('content')
    <div id="loading-clarity"></div>
    <section id="staff-access-page" style="margin-top: 20px;" v-cloak>
        <div class="flex-space-between title-page" style="margin: 20px auto">
            <div class="col-md-6" style="padding-left: 0">
                <div class="page-title">
                    スタッフ管理
                </div>
            </div>
            <div class="col-md-6" style="display: flex; justify-content: flex-end;">
                <button class="button-ripple button01" style="height: 35px; width: 200px; font-weight: 600; font-size: 16px" @click="openModalCreateStaff()">
                    <i class="far fa-plus-circle"></i>
                    スタッフ追加
                </button>
            </div>
        </div>


        <div class="wrapper">
            {{--Table Data--}}
            @include('basic.lp.components.staff_access.table_data')
        </div>
        @include('basic.lp.modals.staff_access.create_staff')
        @include('basic.lp.modals.staff_access.change_role')
        @include('basic.lp.modals.staff_access.delete_role')
    </section>
@endsection

@push('script')
    <script src="/js/media/vue.min.js"></script>
    <script src="/js/moment.min.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>

    <script src="/_assets/commons/js/lme.js?v={{config("sns-line.version")}}"></script>
    <script src="/lme-ui/src/js/input/lme-input.js?v={{config("sns-line.version")}}"></script>
    <script src="/lme-ui/src/js/input/lme-select.js?v={{config("sns-line.version")}}"></script>
    <script src="/_assets/modules/lp/js/staff_access.js?v={{config("sns-line.version")}}"></script>
@endpush