@extends('admin.layouts.master')

@section('page-title', 'Edit Tim')

@section('content')
<div class="row">
    <div class="col-lg-9">
        <form action="{{ route('admin.team.update', $teamMember->id) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <div class="card-admin">
                <div class="card-header-admin">
                    <h5 class="mb-0">Edit Anggota Tim</h5>
                </div>
                <div class="card-body-admin">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">Nama *</label>
                            <input type="text" name="name" class="form-control form-control-admin" value="{{ old('name', $teamMember->name) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Posisi *</label>
                            <input type="text" name="position" class="form-control form-control-admin" value="{{ old('position', $teamMember->position) }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Email</label>
                            <input type="email" name="email" class="form-control form-control-admin" value="{{ old('email', $teamMember->email) }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Urutan</label>
                            <input type="number" name="order" class="form-control form-control-admin" value="{{ old('order', $teamMember->order) }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">LinkedIn</label>
                            <input type="text" name="linkedin" class="form-control form-control-admin" value="{{ old('linkedin', $teamMember->linkedin) }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Twitter/X</label>
                            <input type="text" name="twitter" class="form-control form-control-admin" value="{{ old('twitter', $teamMember->twitter) }}">
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">Foto</label>
                            @if($teamMember->photo)
                            <div class="mb-2">
                                <img src="{{ Storage::url($teamMember->photo) }}" alt="{{ $teamMember->name }}" style="max-width: 200px; border-radius: 8px;">
                            </div>
                            @endif
                            <input type="file" name="photo" class="form-control form-control-admin" accept="image/*">
                            <small class="text-muted">Kosongkan jika tidak ingin mengubah foto</small>
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">Bio</label>
                            <textarea name="bio" class="form-control form-control-admin" rows="5">{{ old('bio', $teamMember->bio) }}</textarea>
                        </div>
                        <div class="col-md-12">
                            <div class="form-check mt-2">
                                <input type="checkbox" name="is_active" id="team_is_active" class="form-check-input" value="1" @checked(old('is_active', $teamMember->is_active))>
                                <label for="team_is_active" class="form-check-label">Aktif</label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="mt-4">
                <button type="submit" class="btn btn-admin btn-admin-primary">
                    <i class="fa-solid fa-save me-2"></i> Update
                </button>
                <a href="{{ route('admin.team.index') }}" class="btn btn-admin btn-admin-secondary ms-2">Batal</a>
            </div>
        </form>
    </div>
</div>
@endsection