@extends('admin.layout')

@section('content')
<div class="content-card" style="max-width: 600px; margin: 0 auto;">
    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px;">
        <h3 style="margin: 0; border: none; padding: 0;">Edit Team Member</h3>
        <a href="{{ route('admin.team.index') }}" style="color: #555; text-decoration: none;"><i class="fa-solid fa-arrow-left"></i> Back to List</a>
    </div>

    @if ($errors->any())
        <div style="background-color: #fdecea; color: #d32f2f; padding: 15px; border-radius: 6px; margin-bottom: 20px;">
            <ul style="margin: 0; padding-left: 20px;">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form action="{{ route('admin.team.update', $teamMember) }}" method="POST" enctype="multipart/form-data">
        @csrf
        @method('PUT')
        
        <div style="margin-bottom: 20px;">
            <label for="name" style="display: block; font-weight: 500; margin-bottom: 8px;">Name <span style="color: red;">*</span></label>
            <input type="text" name="name" id="name" value="{{ old('name', $teamMember->name) }}" required style="width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 6px; font-size: 15px; font-family: inherit;">
        </div>

        <div style="margin-bottom: 20px;">
            <label for="designation" style="display: block; font-weight: 500; margin-bottom: 8px;">Designation <span style="color: red;">*</span></label>
            <input type="text" name="designation" id="designation" value="{{ old('designation', $teamMember->designation) }}" required style="width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 6px; font-size: 15px; font-family: inherit;">
        </div>

        <div style="margin-bottom: 30px;">
            <label for="photo" style="display: block; font-weight: 500; margin-bottom: 8px;">Photo</label>
            <input type="file" name="photo" id="photo" accept="image/*" style="width: 100%; padding: 10px; border: 1px dashed #bbb; border-radius: 6px; background: #fcfcfc;">
            @if($teamMember->photo)
                <div style="margin-top: 10px;">
                    <img src="{{ asset('storage/' . $teamMember->photo) }}" style="width: 80px; height: 80px; object-fit: cover; border-radius: 50%;">
                </div>
            @endif
            <small style="color: #666; display: block; margin-top: 5px;">Leave blank to keep current photo.</small>
        </div>

        <button type="submit" style="background-color: #0170B9; color: white; padding: 14px 24px; border: none; border-radius: 6px; font-size: 16px; font-weight: 600; cursor: pointer; width: 100%;"><i class="fa-solid fa-save"></i> Update Team Member</button>
    </form>
</div>
@endsection