@props([
    'type'=>'href',
    'formClass'=>'#MainForm',
    'permission'=>'dashboard.view',
    'btntoclick'=>'',
    'redirecturl'=>URL::previous(),
    'modalidtoclose'=>'OpenModal_1',
    'modaltitle'=>'اضافة جديد',
    'modallevel'=>'1',
])
@can($permission)
    @if(isset($type)&&$type == 'href')
        <a {{ $attributes->merge([ 'class' => 'kt-btn  flex justify-center gap-2 min-w-[100px] transition ease-in-out hover:scale-105 hover:bg-indigo-500 duration-150']) }} >{{$slot}}</a>

    @elseif(isset($type)&&$type == 'openmodal')
        <a {{ $attributes->merge([ 'class' => 'kt-btn  flex justify-center gap-2 min-w-[100px] transition ease-in-out hover:scale-105 hover:bg-indigo-500 duration-150 OpenModal']) }}
           data-title="{{ __((string) $modaltitle) }} "
           level="{{$modallevel}}"
        >{{$slot}}</a>

    @elseif(isset($type)&&$type == 'back')
        <a {{ $attributes->merge([ 'class' => 'kt-btn btn-sm btn-secondary gap-1']) }} href="{{URL::previous()}}">{{$slot}}</a>

    @elseif(isset($type)&&$type == 'submit')
        <button
            {{ $attributes->merge(['type' => 'submit', 'class' => 'kt-btn  flex justify-center gap-2 min-w-[100px] transition ease-in-out hover:scale-105 hover:bg-indigo-500 duration-150 btn-save']) }}
            data-form-class="{{$formClass}}"
            data-page-load="{{$btntoclick}}"
            data-redirect="{{$redirecturl}}"
            data-closemodal="{{$modalidtoclose}}"
            data-kt-action="submit">
            <span class="hide_loading flex justify-center items-center gap-2">{{$slot}}</span>
            <span class="show_loading ">
            <svg class="animate-spin h-5 w-5" fill="none" viewBox="0 0 24 24">
                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
                <path class="opacity-75" fill="currentColor"
                      d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
            </svg>
        </span>
            <span class="show_loading fade">جاري التحميل</span>

        </button>
    @elseif(isset($type)&&$type == 'button')
        <button
            {{ $attributes->merge(['type' => 'button', 'class' => 'kt-btn flex justify-center gap-2 min-w-[100px] transition ease-in-out duration-150']) }}
        >{{$slot}}</button>
    @else
        <button {{ $attributes->merge(['type' => 'button', 'class' => 'btn btn-sm btn-secondary gap-1']) }} >{{$slot}}</button>

    @endif
@endcan