@extends('layouts.app')
@section('title', 'Forms')

@push('css')
@endpush
@section('content')
    <x-content-body>

        <x-breadcrumbs :breadcrumbs="$breadcrumbs" />

        <x-row-card>
            <x-slot:title>
                <h4 class="card-title">Manage Forms</h4>
                <div class="heading-btn-group">
                    <a type="button" href="{{ route('marketing.forms.create') }}"
                        class="btn btn-rounded btn-primary btn-sm">Add Form </a>
                </div>
            </x-slot:title>
            <div class="table-responsive">
                <table id="example3" class="display">
                    <thead>
                        <tr>
                            <th>Name</th>
                            <th>Category</th>
                            <th>Source</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <p class="m-0">First Followup SMS</p>
                            </td>
                            <td> New Land</td>
                            <td> Default</td>
                            <td>
                                <button type="button" class="btn btn-primary shadow btn-xs sharp me-1">
                                    <i class="fas fa-pencil-alt"></i>
                                </button>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p class="m-0">Second Followup SMS</p>
                            </td>
                            <td> Zillow Lead </td>
                            <td> Default</td>
                            <td>
                                <button type="button" class="btn btn-primary shadow btn-xs sharp me-1">
                                    <i class="fas fa-pencil-alt"></i>
                                </button>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p class="m-0">Third Followup SMS</p>
                            </td>
                            <td> New Land</td>
                            <td> Custom</td>
                            <td>
                                <button type="button" class="btn btn-primary shadow btn-xs sharp me-1">
                                    <i class="fas fa-pencil-alt"></i>
                                </button>
                            </td>
                        </tr>

                    </tbody>
                </table>
            </div>

        </x-row-card>
    </x-content-body>
@endsection


@push('js')
    <script>
        const SocialMediaStoreRoute = @json(route('marketing.social-media.store'));
    </script>
    <script src="{{ asset('assets/js/custom/marketing/social-media.js') }}"></script>
@endpush