@extends('layouts.admin.master')

@section('content')
    <div class="card mt-3">
        <div class="card-body">
            <div class="card-title d-md-flex flex-row justify-content-between">
                <div>
                    <h6 class="mt-2 text-uppercase">{{ $page_attr['title'] }}</h6>
                </div>

                <div>
                    <a type="button" class="btn btn-rounded btn-secondary btn-sm"
                        href="{{ route(h_prefix(null, $route_min)) }}">
                        <i class="fas fa-arrow-left"></i> Back
                    </a>
                </div>
            </div>
            <hr class="mt-1" />
            <form action="javascript:void(0)" id="MainForm" name="MainForm" method="POST" enctype="multipart/form-data">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label class="form-label mb-1" for="name">Name <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="name" name="name"
                                placeholder="Enter Name" required="" value="{{ $model->name }}" />
                            <input type="hidden" id="id" name="id" value="{{ $model->id }}" />
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="form-group">
                            <label class="form-label mb-1" for="guard_name">Guard <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="guard_name" name="guard_name"
                                placeholder="Enter Guard" required="" value="{{ $model->guard_name }}" />
                        </div>
                    </div>
                </div>
                <div class="form-label mb-1">Permission <span class="text-danger">*</span></div>
                <label for="">Description:
                    <i class="fas fa-square text-success"></i> = Page,
                    <i class="fas fa-square"></i> = Feature
                </label>
                <div class="custom-controls-stacked">
                    @foreach ($permissions as $k => $p)
                        @php
                            $current = $p->name;
                            $next = isset($permissions[$k + 1]) ? $permissions[$k + 1]->name : '';
                            $color = count(explode('.', $current)) == count(explode('.', $next)) - 1 && str_contains($next, $current);
                        @endphp
                        <label class="custom-control custom-checkbox-md float-start me-2" style="min-width: 320px">
                            <input type="checkbox" class="custom-control-input" name="permissions[]"
                                value="{{ $p->name }}" {{ in_array($p->name, $roles) ? 'checked' : '' }}>
                            <span
                                class="custom-control-label {{ $p->page || $color ? 'fw-bold text-success' : '' }}">{{ $p->name }}</span>
                        </label>
                    @endforeach
                </div>
            </form>
            <div class="text-end">
                <button type="submit" class="btn btn-primary" id="btn-save" form="MainForm">
                    <li class="fas fa-save mr-1"></li> Simpan Perubahan
                </button>
            </div>
        </div>
    </div>
@endsection
@section('javascript')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert2/11.10.3/sweetalert2.all.min.js" integrity="sha512-1RuT3Xs+fbL5f+4MCot2I8PpBFRu4flycFf5s2x4PoBMTKbPgHBEEwQ1LovEIhrMaR3S8bJfnlBTbWJbKdj8Fg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    @php
        $resource = resource_loader(
            blade_path: $view,
            params: [
                'reload' => $reload,
                'route_min' => $route_min,
                'page_title' => $page_attr['title'],
            ],
        );
    @endphp
    <script src="{{ $resource }}"></script>
@endsection