{{-- Extends layout --}}
@extends('layout.default')

{{-- Content --}}
@section('content')
    <div class="card card-custom">
        <div class="card-header">
            <h3 class="card-title">Website Social Media URL</h3>
        </div>

        <div class="card-body">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th width="30">#</th>
                        <th>Social Media Name</th>
                        <th>Social Media URL</th>
                    </tr>
                </thead>

                <tbody>
                    <tr>
                        <td>-</td>
                        <td>Facebook</td>
                        <td>
                            <form method="post" action="{{route('section-social-media.store')}}" class="form-group m-0">
                                @csrf
                                <div class="input-group">
                                    <input type="text" class="form-control" name="url_facebook" value="{{ $social_media[0]['url_facebook'] }}" required>
                                    <div class="input-group-append">
                                        <button type="submit" class="btn btn-primary">
                                            <i class="fas fa-save"></i>
                                            <span>Save</span>
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </td>
                    </tr>
                    <tr>
                        <td>-</td>
                        <td>Twitter</td>
                        <td>
                            <form method="post" action="{{route('section-social-media.store')}}" class="form-group m-0">
                                @csrf
                                <div class="input-group">
                                    <input type="text" class="form-control" name="url_twitter" value="{{ $social_media[0]['url_twitter'] }}" required>
                                    <div class="input-group-append">
                                        <button type="submit" class="btn btn-primary">
                                            <i class="fas fa-save"></i>
                                            <span>Save</span>
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </td>
                    </tr>
                    <tr>
                        <td>-</td>
                        <td>Instagram</td>
                        <td>
                            <form method="post" action="{{route('section-social-media.store')}}" class="form-group m-0">
                                @csrf
                                <div class="input-group">
                                    <input type="text" class="form-control" name="url_instagram" value="{{ $social_media[0]['url_instagram'] }}" required>
                                    <div class="input-group-append">
                                        <button type="submit" class="btn btn-primary">
                                            <i class="fas fa-save"></i>
                                            <span>Save</span>
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </td>
                    </tr>
                    <tr>
                        <td>-</td>
                        <td>Youtube</td>
                        <td>
                            <form method="post" action="{{route('section-social-media.store')}}" class="form-group m-0">
                                @csrf
                                <div class="input-group">
                                    <input type="text" class="form-control" name="url_youtube" value="{{ $social_media[0]['url_youtube'] }}" required>
                                    <div class="input-group-append">
                                        <button type="submit" class="btn btn-primary">
                                            <i class="fas fa-save"></i>
                                            <span>Save</span>
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

{{-- <script src="{{ asset('js/pages/features/miscellaneous/sweetalert2.js') }}"></script> --}}
{{-- <script src="{{ asset('js/pages/crud/ktdatatable/base/html-table.js') }}" type="text/javascript"></script> --}}
@endsection