{{-- <div class="card card-action mb-4" id="media_card"> --}}

<div class="card-header align-items-center">
    <h5 class="card-action-title mb-0">{{ __('messages_301.Media') }}</h5>
    <div class="card-action-element">
        @can('create_course_admin')
            <a href="{{ route('admin.my-courses.lessons.create') }}"
                class="btn btn-outline-primary waves-effect text-primary">{{ __('messages.ADD NEW ') }}<i
                    class="fa-solid fa-circle-plus"></i></a>
        @endcan
    </div>
</div>
<div class="card-body">
    <div class="added-cards">
        <div class="cardMaster border p-3 rounded mb-3">
            @include('inc.is_empty_data', [
                'var_check_empty' => $my_course->media,
                'var_check_empty_rows' => 0,
            ])
            @foreach ($my_course->media as $item)
                <div class="d-flex justify-content-between flex-sm-row flex-column">
                    <div class="card-information mb-3 mb-md-0">
                        <p class="mb-1"><strong>{{ __('messages.Name') }} : </strong> {{ $item->name }}</p>
                        <video class="mb-3 img-fluid" controls>
                            <source src="{{ $item->link }}" type="video" alt="Master Card">
                        </video>
                        <p class="mb-0"><strong>{{ __('messages_301.Description') }} : </strong>
                            @if (strlen($item->description) > 100)
                                <span id="short-description">{{ substr($item->description, 0, 50) }}...</span>
                            @else
                                <span>{{ $item->description }}</span>
                            @endif
                        </p>
                    </div>
                    <div class="d-flex flex-column text-start text-lg-end">
                        <div class="d-flex order-sm-0 order-1 mt-3">
                            <div>
                                <div class="btn-group" role="group" aria-label="Basic example">
                                    @can('edit_course_admin')
                                        <a class="btn btn-outline-primary waves-effect text-primar"
                                            href="{{ route('admin.my-courses.lessons.edit', $item) }}"><i
                                                class="ti ti-pencil "></i>{{ __('messages.Edit') }}</a>
                                    @endcan
                                    @can('delete_course_admin')
                                        <a data-url="{{ route('admin.my-courses.lessons.destroy', $item) }}"
                                            data-text_btn_confirm="{{ __('messages.Confirm') }}"
                                            data-text_btn_cancel="{{ __('messages.Cancel') }}" data-method="delete"
                                            data-message="{{ __('messages.Are you sure you want to delete? You cannot undo it') }}"
                                            class="btn btn-outline-primary waves-effect text-primar"
                                            href="javascript:void(0);"><i class="ti ti-trash "></i>
                                            {{ __('messages.Delete') }}</a>
                                    @endcan
                                </div>
                            </div>

                        </div>
                        {{-- <small class="mt-sm-auto mt-2 order-sm-1 order-0">Card expires at 12/26</small> --}}
                    </div>
                </div>
            @endforeach
        </div>


    </div>
</div>
{{-- </div> --}}