@extends('layouts.app')
@section('title')
{{ __("messages.Settings") }}
@endsection
@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
    @include('inc.breadcrumb' , ['breadcrumb_items'=>[
         __("messages.Home")=>route('home'),
         __("messages.Settings")=>null,
         __("messages.Api") =>"active"
    ]])


<form action="{{ route('admin.settings.api.update') }}" method="POST">
    @csrf
    <div class="row">
        <div class="col">
          {{--  <h6 class="mt-4">Form with Tabs</h6>  --}}
          <div class="card mb-3">
            <div class="card-header pt-2">
              <ul class="nav nav-tabs card-header-tabs" role="tablist">
              @foreach ($data as $key => $val )
              <li class="nav-item">
                  <button type="button" class="nav-link {{ $loop->index==0 ? 'active' : ''  }}" data-bs-toggle="tab" data-bs-target="#form-tabs-{{ $loop->index }}" role="tab" aria-selected="true">{{ $key }}</button>
                </li>
              @endforeach


              </ul>
            </div>

            <div class="tab-content">

              @foreach ($data as $key => $val )
                  <div class="tab-pane fade {{ $loop->index==0 ? ' active show' : ''  }} " id="form-tabs-{{ $loop->index }}" role="tabpanel">
                    @php
                        $val = $val->groupBy(function($item_g){return $item_g->group;});
                    @endphp
                    @foreach ($val  as $item_key => $item_val)
                        <div class="row border border-dark p-2 rounded mb-4">
                            <div class="col-12 h5 mb-2">{{ $item_key }}</div>
                            @foreach ($item_val as $sub_key=> $sub_val )
                            <div class="col-3 mb-2">
                                <div class="form-check custom-option custom-option-basic">
                                    <label class="form-check-label custom-option-content" for="{{ $sub_val->id }}">
                                    <input @checked( ( old('settings') &&  in_array( $sub_val->id , old('settings'))   )  || $sub_val->is_show_api ) name="settings[]"   class="form-check-input" type="checkbox" name="permission" value="{{ $sub_val->id }}" id="{{ $sub_val->id }}">
                                    <span class="custom-option-header">
                                        <span class="h6 mb-0">{{ $sub_val->name }}</span>
                                    </span>
                                    </label>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    @endforeach


                  </div>
              @endforeach


            </div>
          </div>
        </div>

        <div class="col-12">
            <button type="submit" class="btn btn-primary me-sm-3 me-1">{{ __('messages.Save') }}</button>
        </div>
    </div>
</form>



@endsection