@extends('admin.layout.index')
@section('title', 'Sosyal Medya Düzenle')
@section('content')
    <section class="content-body">
        <form action="" class="form-container" enctype="multipart/form-data" method="POST">
            @csrf
            <div class="form-item">
                <label for="platform">Sosyal Medya Platformu</label>
                <select name="platform" id="platform">
                    <option> - Seçin - </option>
                    <option value="icon-facebook" {{ $data['platform'] == 'icon-facebook' ? 'selected' : '' }}>Facebook</option>
                    <option value="icon-instagram" {{ $data['platform'] == 'icon-instagram' ? 'selected' : '' }}>İnstagram</option>
                    <option value="icon-tiktok" {{ $data['platform'] == 'icon-tiktok' ? 'selected' : '' }}>Tiktok</option>
                    <option value="icon-twitter" {{ $data['platform'] == 'icon-twitter' ? 'selected' : '' }}>Twitter</option>
                    <option value="icon-whatsapp" {{ $data['platform'] == 'icon-whatsapp' ? 'selected' : '' }}>Whatsapp</option>
                    <option value="icon-linkedin" {{ $data['platform'] == 'icon-linkedin' ? 'selected' : '' }}>Linkedin</option>
                </select>
            </div>
            <div class="form-item">
                <label for="name">Görünen Ad</label>
                <input type="text" id="name" name="name" value="{{ $data['name'] }}">
            </div>
            <div class="form-item">
                <label for="link">Hesap Linki</label>
                <input type="url" id="link" name="link" value="{{ $data['link'] }}">
            </div>
            <div class="flex items-center justify-end gap-2">
                <button class="border border-gray-300 bg-gray-50 hover:bg-gray-200 px-4 py-2 rounded-md" type="reset"> Sıfırla</button>
                <button class="border border-green-300 bg-green-50 hover:bg-green-200 px-4 py-2 rounded-md"> Kaydet</button>
            </div>
        </form>
    </section>
@endsection