@extends('layouts.app')
@section('content')
    <div class="row g-5 g-xl-12">
        <div class="col-12 col-md-4 col-xl-12 mb-xl-12">
            <div class="card card-flush h-xl-100" >
                <div class="card-header rounded bgi-no-repeat bgi-size-cover bgi-position-y-top bgi-position-x-center align-items-start bg-primary" style="height: 120px" data-bs-theme="light">
                </div>
                <div class="card-body mt-n20 p-2">
                    <div class="mt-n20 position-relative">
                        <div class="row g-3 g-lg-6">
                            @foreach ($options['data'] as $card)
                                <div class="col-12 col-md-4">
                                    <div class="card card-participant">
                                        <div class="card-body p-2">
                                            <div class="bg-gray-100 bg-opacity-70 rounded-2 px-2 py-2">
                                                @foreach ($options['columns'] as $column)
                                                    <div class="my-2">
                                                        {{-- $column['data'][0]['column'] --}}

                                                        <span class="text-gray-700 fw-bolder fs-4 lh-1 ls-n1">{{ $column['title'] }} : </span>
                                                        @php
                                                            $prop = str_replace('->', '.', $column['data'][0]['column']);
                                                            $prop = data_get($card, $prop);
                                                        @endphp
                                                        <span class="text-gray-500 fw-semibold fs-6">{{ $prop }}</span>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                        <div class=" card-footer p-2 text-center">

                                            @foreach ($options['settings'] as $option)

                                            @php
                                                $show = true;
                                                if ($option['permission'] != false && search_route_to_permissions($option['permission'], $myPermissions) == false) {
                                                    $show = false;
                                                }
                                                foreach ($option['conditions'] as $condition) {
                                                    if (($condition['type'] == '==' && !in_array($card[$condition['column']], $condition['value']))) {
                                                        $show = false;
                                                    }
                                                    if ($condition['type'] == '!=' && in_array($card[$condition['column']], $condition['value'])) {
                                                        $show = false;
                                                    }
                                                }
                                                $columnId = $option['columnId'];
                                                $route = ($option['id'] == 'inside' ? route($option['route'], $card[$columnId]) : route($option['route']).'?'.$columnId.'='.$card[$columnId]);
                                            @endphp

                                            @if ($show == true)

                                                <a {!! $option['type'] != 'directly' ? 'role="button" data-ajax="'.$route.'"' : 'href="'.$route.'"' !!} {!! $option['type'] == 'sweet_alert' ? 'data-sweet-alert="'.$option['sweetAlert'].'"' : '' !!} class="btn btn-primary p-2 mb-2 {!! $option['type'] == 'popup' ? 'openModalAddEdit' : ($option['type'] == 'sweet_alert' ? 'sweerAlert' : '') !!}">
                                                    {{ $option['title'] }}
                                                </a>

                                            @endif






                                            {{-- @php $route = ($option['id'] == 'inside' ? route($option['route'], $card[$option['columnId']]) : route($option['route']).'?'.$option['columnId'].'='.$card[$option['columnId']]); @endphp
                                                <a class="btn btn-primary p-2 mb-2" {!! $option['type'] != 'directly' ? 'role="button" data-ajax="'.$route.'"' : 'href="'.$route.'"' !!} {!! $option['type'] == 'sweet_alert' ? 'data-sweet-alert="'.$option['sweetAlert'].'"' : '' !!} class="menu-link px-3 {!! $option['type'] == 'popup' ? 'openModalAddEdit' : ($option['type'] == 'sweet_alert' ? 'sweerAlert' : '') !!}">
                                                    {{ $option['title'] }}
                                                </a>--}}
                                            @endforeach

                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>

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

    <div class="modal fade" id="modalAddEdit" tabindex-1 aria-hidden="true">
        <div class="modal-dialog modal-fullscreen p-9">
            <div class="modal-content modal-rounded">
                <div class="modal-header">
                    <h5 class="modal-title"></h5>
                    <div class="btn btn-icon btn-sm btn-active-light-primary ms-2" data-bs-dismiss="modal" aria-label="Close">
                        <i class="ki-duotone ki-cross fs-2x"><span class="path1"></span><span class="path2"></span></i>
                    </div>
                </div>
                <div class="modal-body scroll-y m-5"></div>
            </div>
        </div>
    </div>
@endsection