{{---- resources/views/admin/social-media/edit.blade.php ----}}
@extends('layouts.admin')
@section('title', 'Pengaturan Media Sosial')

@section('content')
<div class="d-flex align-items-left align-items-md-center flex-column flex-md-row pt-2 pb-4">
    <div>
      <h3 class="fw-bold mb-3">Pengaturan Media Sosial</h3>
      <h6 class="op-7 mb-2">Kelola tautan ke halaman media sosial sekolah.</h6>
    </div>
</div>
<form method="POST" action="{{ route('admin.socialmedia.update') }}">
  @method('PUT') {{-- Wajib untuk Update --}}
  @csrf

  <div class="card card-round shadow-sm border-0">
    <div class="card-header">
      <div class="card-title">Formulir Tautan Media Sosial</div>
    </div>

    <div class="card-body">
      <p class="text-muted small">Masukkan URL lengkap (contoh: `https://www.facebook.com/namasekolah`). Kosongkan jika tidak ada.</p>

      {{-- Facebook --}}
      <div class="mb-3">
        <label for="bsm_facebook" class="form-label">Facebook</label>
        <div class="input-group">
          <span class="input-group-text"><i class="fab fa-facebook-f"></i></span>
          <input type="url" class="form-control @error('bsm_facebook') is-invalid @enderror" 
                 id="bsm_facebook" name="bsm_facebook" 
                 value="{{ old('bsm_facebook', $social->bsm_facebook) }}" placeholder="https://www.facebook.com/...">
        </div>
        @error('bsm_facebook')
          <small class="text-danger">{{ $message }}</small>
        @enderror
      </div>

      {{-- Instagram --}}
      <div class="mb-3">
        <label for="bsm_instagram" class="form-label">Instagram</label>
        <div class="input-group">
          <span class="input-group-text"><i class="fab fa-instagram"></i></span>
          <input type="url" class="form-control @error('bsm_instagram') is-invalid @enderror" 
                 id="bsm_instagram" name="bsm_instagram" 
                 value="{{ old('bsm_instagram', $social->bsm_instagram) }}" placeholder="https://www.instagram.com/...">
        </div>
        @error('bsm_instagram')
          <small class="text-danger">{{ $message }}</small>
        @enderror
      </div>

      {{-- YouTube --}}
      <div class="mb-3">
        <label for="bsm_youtube" class="form-label">YouTube</label>
        <div class="input-group">
          <span class="input-group-text"><i class="fab fa-youtube"></i></span>
          <input type="url" class="form-control @error('bsm_youtube') is-invalid @enderror" 
                 id="bsm_youtube" name="bsm_youtube" 
                 value="{{ old('bsm_youtube', $social->bsm_youtube) }}" placeholder="https://www.youtube.com/...">
        </div>
        @error('bsm_youtube')
          <small class="text-danger">{{ $message }}</small>
        @enderror
      </div>

      {{-- Twitter / X --}}
      <div class="mb-3">
        <label for="bsm_twitter" class="form-label">Twitter (X)</label>
        <div class="input-group">
          <span class="input-group-text"><i class="fab fa-twitter"></i></span>
          <input type="url" class="form-control @error('bsm_twitter') is-invalid @enderror" 
                 id="bsm_twitter" name="bsm_twitter" 
                 value="{{ old('bsm_twitter', $social->bsm_twitter) }}" placeholder="https://www.twitter.com/...">
        </div>
        @error('bsm_twitter')
          <small class="text-danger">{{ $message }}</small>
        @enderror
      </div>

      {{-- Website (jika ada link lain) --}}
      <div class="mb-3">
        <label for="bsm_web" class="form-label">Website Lain (Opsional)</label>
        <div class="input-group">
          <span class="input-group-text"><i class="fas fa-globe"></i></span>
          <input type="url" class="form-control @error('bsm_web') is-invalid @enderror" 
                 id="bsm_web" name="bsm_web" 
                 value="{{ old('bsm_web', $social->bsm_web) }}" placeholder="https://...">
        </div>
        @error('bsm_web')
          <small class="text-danger">{{ $message }}</small>
        @enderror
      </div>

    </div>

    <div class="card-footer text-end">
      <button type="submit" class="btn btn-primary btn-round">
        <i class="fa fa-check"></i> Simpan Tautan
      </button>
    </div>
  </div>
</form>
@endsection