@extends('backend.layout.masterlayout')
@section('content')
    @include('backend.partial.sidebar')
    @include('backend.partial.topbar')
    <!--page-wrapper-->
    <div class="page-wrapper">
        <!--page-content-wrapper-->
        <div class="page-content-wrapper">
            <div class="page-content">
                <div class="row">
                    @if ($current_loggedin_user->role != 0)
                        @php
                            $pages_array = explode(',', $current_user_role_info->configurations_permission);
                            //print_r($module_array);
                            $value_create = '1-create';
                            $value_view = '1-view';
                            $value_delete = '1-delete';
                        @endphp
                        @if (in_array($value_create, $pages_array))
                        <div class="col-md-12">
                            <div class="card radius-15">
                                <div class="card-body" style="padding: 2rem 2rem;">
                                    <div class="card-title">
                                        <h6 class="mb-0"><b><i class="bx bx-layer-plus"></i> Header Scripts Configuration
                                            </b>
                                        </h6>
                                    </div>
                                    <hr />
                                    <form class="row g-3" method="POST" action="{{ route('create-addon-scripts') }}"
                                        enctype="multipart/form-data">
                                        @csrf
                                        <input type="hidden" class="form-control form-control-sm" value="0"
                                            name="type" required />
                                        <div class="col-md-12">
                                            <label for="inputLastEnterUsername" class="form-label"
                                                style="font-size:14px;">Title<span class="text-danger">*</span></label>
                                            <div class="input-group">
                                                <input type="text" class="form-control form-control-sm"
                                                    placeholder="Title" name="title" required />
                                            </div>
                                        </div>
                                        <div class="col-md-12" style="margin-top:15px;">
                                            <label for="inputLastEnterPassword" class="form-label" style="font-size:14px;">
                                                Script<span class="text-danger">*</span></label>
                                            <div class="input-group">
                                                <textarea name="description" class="form-control form-control-sm" style="width:100%;" rows="5" required></textarea>
                                            </div>
                                        </div>
                                        <div class="col-md-2 text-right" style="margin-top:15px;">
                                            <div class="d-grid">
                                                <button type="submit" class="btn btn-primary">Save</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        @endif
                        @if (in_array($value_view, $pages_array))
                        <div class="col-md-12">
                            <div class="card radius-15">
                                <div class="card-body">
                                    <div class="card-title">
                                        <h6 class="mb-0"><b><i class="bx bx-layer"></i> All Header Scripts Configurations
                                            </b>
                                        </h6>
                                    </div>
                                    <hr />
                                    <div class="table-responsive">
                                        <table id="example" class="table table-striped table-bordered" style="width:100%">
                                            <thead class="thead-primary">
                                                <tr>
                                                    <th>#</th>
                                                    <th>Title</th>
                                                    <th>Script</th>
                                                    @if (in_array($value_delete, $pages_array))
                                                    <th class="text-center">Action</th>
                                                    @endif
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($header_addon_scripts as $key => $addon_script)
                                                    <tr>
                                                        <td>{{ $key + 1 }}
                                                        </td>
                                                        <td>{{ $addon_script->title }}</td>
                                                        <td>{{ $addon_script->description }}</td>
                                                        @if (in_array($value_delete, $pages_array))
                                                        <td class="text-center">
                                                            <a href="{{ route('delete-headaddon-script', $addon_script->id) }}"
                                                                class="btn btn-outline-danger m-1 btn-sm" onclick="return confirm('Are you sure you want to delete?');"
                                                                data-bs-toggle="tooltip" data-bs-placement="top"
                                                                title="" data-bs-original-title="Delete This"
                                                                style="line-height: unset; padding: unset;"><i
                                                                    class="bx bx-trash"></i></a>
                                                        </td>
                                                        @endif
                                                    </tr>
                                                @endforeach
                                            </tbody>

                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif
                    @else
                        <div class="col-md-12">
                            <div class="card radius-15">
                                <div class="card-body" style="padding: 2rem 2rem;">
                                    <div class="card-title">
                                        <h6 class="mb-0"><b><i class="bx bx-layer-plus"></i> Header Scripts Configuration
                                            </b>
                                        </h6>
                                    </div>
                                    <hr />
                                    <form class="row g-3" method="POST" action="{{ route('create-addon-scripts') }}"
                                        enctype="multipart/form-data">
                                        @csrf
                                        <input type="hidden" class="form-control form-control-sm" value="0"
                                            name="type" required />
                                        <div class="col-md-12">
                                            <label for="inputLastEnterUsername" class="form-label"
                                                style="font-size:14px;">Title<span class="text-danger">*</span></label>
                                            <div class="input-group">
                                                <input type="text" class="form-control form-control-sm"
                                                    placeholder="Title" name="title" required />
                                            </div>
                                        </div>
                                        <div class="col-md-12" style="margin-top:15px;">
                                            <label for="inputLastEnterPassword" class="form-label" style="font-size:14px;">
                                                Script<span class="text-danger">*</span></label>
                                            <div class="input-group">
                                                <textarea name="description" class="form-control form-control-sm" style="width:100%;" rows="5" required></textarea>
                                            </div>
                                        </div>
                                        <div class="col-md-2 text-right" style="margin-top:15px;">
                                            <div class="d-grid">
                                                <button type="submit" class="btn btn-primary">Save</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="card radius-15">
                                <div class="card-body">
                                    <div class="card-title">
                                        <h6 class="mb-0"><b><i class="bx bx-layer"></i> All Header Scripts
                                                Configurations
                                            </b>
                                        </h6>
                                    </div>
                                    <hr />
                                    <div class="table-responsive">
                                        <table id="example" class="table table-striped table-bordered"
                                            style="width:100%">
                                            <thead class="thead-primary">
                                                <tr>
                                                    <th>#</th>
                                                    <th>Title</th>
                                                    <th>Script</th>
                                                    <th class="text-center">Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>

                                                @foreach ($header_addon_scripts as $key => $addon_script)
                                                    <tr>
                                                        <td>{{ $key + 1 }}
                                                        </td>
                                                        <td>{{ $addon_script->title }}</td>
                                                        <td>{{ $addon_script->description }}</td>
                                                        <td class="text-center">
                                                            <a href="{{ route('delete-headaddon-script', $addon_script->id) }}"
                                                                class="btn btn-outline-danger m-1 btn-sm" onclick="return confirm('Are you sure you want to delete?');"
                                                                data-bs-toggle="tooltip" data-bs-placement="top"
                                                                title="" data-bs-original-title="Delete This"
                                                                style="line-height: unset; padding: unset;"><i
                                                                    class="bx bx-trash"></i></a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            </tbody>

                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
        <!--end page-content-wrapper-->
    </div>
    <!--end page-wrapper-->
    <!--start overlay-->
    <div class="overlay toggle-btn-mobile"></div>
    <!--end overlay-->
    <!--Start Back To Top Button-->
    <a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a> @include('backend.partial.dashboard_footer')
@endsection
@section('script')
@endsection