@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 Sister Concern</h3>
        <a href="{{ route('admin.sister-concerns.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.sister-concerns.update', $sisterConcern) }}" 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;">Company Name <span style="color: red;">*</span></label>
            <input type="text" name="name" id="name" value="{{ old('name', $sisterConcern->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="link" style="display: block; font-weight: 500; margin-bottom: 8px;">Website Link (URL)</label>
            <input type="url" name="link" id="link" value="{{ old('link', $sisterConcern->link) }}" placeholder="https://example.com" 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;">Logo</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($sisterConcern->photo)
                <div style="margin-top: 10px; background: #fff; padding: 10px; border: 1px solid #ddd; border-radius: 4px; display: inline-block;">
                    <img src="{{ Str::startsWith($sisterConcern->photo, 'images/') ? asset($sisterConcern->photo) : asset('storage/' . $sisterConcern->photo) }}" style="max-height: 80px; max-width: 200px; object-fit: contain;">
                </div>
            @endif
            <small style="color: #666; display: block; margin-top: 5px;">Leave blank to keep current logo.</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 Sister Concern</button>
    </form>
</div>
@endsection