@extends('admin.layouts.app')

@section('title', 'Social Links')

@section('content')

<div class="container-fluid">

    <div class="py-3">
        <h4 class="fs-18 fw-semibold">Social Links</h4>
    </div>

    <div class="card">

        <div class="card-header">
            <h5 class="mb-0">Social Links</h5>
        </div>

        <div class="card-body">

            <form action="{{ route('admin.settings.social.store') }}" method="POST">

                @csrf

                <div class="row">

                    <div class="col-md-6 mb-3">
                        <label class="form-label">Facebook</label>
                        <input type="url" name="facebook" class="form-control"
                            value="{{ $settings['facebook'] ?? '' }}">
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">Instagram</label>
                        <input type="url" name="instagram" class="form-control"
                            value="{{ $settings['instagram'] ?? '' }}">
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">YouTube</label>
                        <input type="url" name="youtube" class="form-control"
                            value="{{ $settings['youtube'] ?? '' }}">
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">Telegram</label>
                        <input type="url" name="telegram" class="form-control"
                            value="{{ $settings['telegram'] ?? '' }}">
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">X (Twitter)</label>
                        <input type="url" name="twitter" class="form-control"
                            value="{{ $settings['twitter'] ?? '' }}">
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">LinkedIn</label>
                        <input type="url" name="linkedin" class="form-control"
                            value="{{ $settings['linkedin'] ?? '' }}">
                    </div>

                    <div class="col-md-12 mb-3">
                        <label class="form-label">Website</label>
                        <input type="url" name="website" class="form-control"
                            value="{{ $settings['website'] ?? '' }}">
                    </div>

                </div>

                <div class="text-end">
                    <button class="btn btn-primary">
                        <i class="mdi mdi-content-save"></i> Save Changes
                    </button>
                </div>

            </form>

        </div>

    </div>

</div>

@endsection