@extends('cms::layouts.master', ['dataTable' => true])

@section('content')
<x-page-header page-title="social links" active-title="social links" :create-button="isDeveloper()"
    create-link="{{ route('social-links.create') }}" />

<x-crud-table>
    <x-slot name="header">
        <th>SN.</th>
        <th>title</th>
        <th>url</th>
        <th>group</th>
        <th>icon</th>
        <th>order</th>
        <th class="text-center">Active</th>
        <th class="text-right">Action</th>
    </x-slot>

    <x-slot name="body">
        @foreach ($socialLinks as $link)
        <tr>
            <td>{{ $loop->iteration }}</td>
            <td>{{ $link->title }}</td>
            <td>{{ $link->url }}</td>
            <td>{{ $link->group }}</td>
            <td>{{ $link->icon }}</td>
            <td>{{ $link->display_order }}</td>

            <td class="text-center">
                <x-table-active-button :active="$link->is_active" route="social-links.update"
                    model-name="social_link" :model-id="$link->id" :is-editable="true" />
            </td>

            <td class="text-right">
                <x-table-actions :edit="true" :delete="isDeveloper()" route-prefix="social-links" model-name="social_link"
                    :model-id="$link->id" />
            </td>
        </tr>
        @endforeach
    </x-slot>
</x-crud-table>

@endsection