@extends('admin.layouts.app')

@section('title', 'Edit Partner')
@section('header-title', 'Edit Partner')

@section('content')
<div class="card">
    <div class="card-title">Edit Partner</div>
    <form method="POST" action="{{ route('admin.partners.update', $partner) }}" enctype="multipart/form-data">
        @csrf
        @method('PUT')
        <div class="form-row cols-2">
            <div class="form-group">
                <label class="form-label">Name *</label>
                <input type="text" name="name" class="form-control" value="{{ old('name', $partner->name) }}" required>
            </div>
            <div class="form-group">
                <label class="form-label">Father/Husband Name</label>
                <input type="text" name="father_husband_name" class="form-control" value="{{ old('father_husband_name', $partner->father_husband_name) }}">
            </div>
        </div>
        <div class="form-row cols-4">
            <div class="form-group">
                <label class="form-label">Gender</label>
                <select name="gender" class="form-control">
                    <option value="">-- Select --</option>
                    <option value="male" {{ old('gender',$partner->gender)=='male'?'selected':'' }}>Male</option>
                    <option value="female" {{ old('gender',$partner->gender)=='female'?'selected':'' }}>Female</option>
                    <option value="other" {{ old('gender',$partner->gender)=='other'?'selected':'' }}>Other</option>
                </select>
            </div>
            <div class="form-group">
                <label class="form-label">Marital Status</label>
                <select name="marital_status" class="form-control">
                    <option value="">-- Select --</option>
                    <option value="single" {{ old('marital_status',$partner->marital_status)=='single'?'selected':'' }}>Single</option>
                    <option value="married" {{ old('marital_status',$partner->marital_status)=='married'?'selected':'' }}>Married</option>
                    <option value="divorced" {{ old('marital_status',$partner->marital_status)=='divorced'?'selected':'' }}>Divorced</option>
                    <option value="widowed" {{ old('marital_status',$partner->marital_status)=='widowed'?'selected':'' }}>Widowed</option>
                </select>
            </div>
            <div class="form-group">
                <label class="form-label">Blood Group</label>
                <input type="text" name="blood_group" class="form-control" value="{{ old('blood_group', $partner->blood_group) }}">
            </div>
            <div class="form-group">
                <label class="form-label">Date of Birth</label>
                <input type="date" name="date_of_birth" class="form-control" value="{{ old('date_of_birth', $partner->date_of_birth?->format('Y-m-d')) }}">
            </div>
        </div>
        <div class="form-row cols-2">
            <div class="form-group">
                <label class="form-label">Present Address</label>
                <textarea name="present_address" class="form-control" rows="2">{{ old('present_address', $partner->present_address) }}</textarea>
            </div>
            <div class="form-group">
                <label class="form-label">Permanent Address</label>
                <textarea name="permanent_address" class="form-control" rows="2">{{ old('permanent_address', $partner->permanent_address) }}</textarea>
            </div>
        </div>
        <div class="form-row cols-3">
            <div class="form-group">
                <label class="form-label">Mobile No</label>
                <input type="text" name="mobile_no" class="form-control" value="{{ old('mobile_no', $partner->mobile_no ?? $partner->phone) }}">
            </div>
            <div class="form-group">
                <label class="form-label" style="visibility:hidden;">.</label>
                <label><input type="checkbox" name="whatsapp_same_as_mobile" value="1" {{ old('whatsapp_same_as_mobile', $partner->whatsapp_same_as_mobile)?'checked':'' }} id="whatsappSame"> WhatsApp same as Mobile</label>
            </div>
            <div class="form-group" id="whatsappGroup">
                <label class="form-label">WhatsApp No</label>
                <input type="text" name="whatsapp_no" class="form-control" value="{{ old('whatsapp_no', $partner->whatsapp_no) }}" id="whatsappNo">
            </div>
        </div>
        <div class="form-row cols-4">
            <div class="form-group">
                <label class="form-label">Email</label>
                <input type="email" name="email" class="form-control" value="{{ old('email', $partner->email) }}">
            </div>
            <div class="form-group">
                <label class="form-label">Document Type</label>
                <select name="document_type" class="form-control">
                    <option value="">-- Select --</option>
                    <option value="aadhar" {{ old('document_type',$partner->document_type)=='aadhar'?'selected':'' }}>Aadhar</option>
                    <option value="voter" {{ old('document_type',$partner->document_type)=='voter'?'selected':'' }}>Voter</option>
                    <option value="passport" {{ old('document_type',$partner->document_type)=='passport'?'selected':'' }}>Passport</option>
                </select>
            </div>
            <div class="form-group">
                <label class="form-label">Document No</label>
                <input type="text" name="document_no" class="form-control" value="{{ old('document_no', $partner->document_no) }}">
            </div>
            <div class="form-group">
                <label class="form-label">PAN No</label>
                <input type="text" name="pan_no" class="form-control" value="{{ old('pan_no', $partner->pan_no) }}">
            </div>
        </div>
        <div class="form-row cols-2">
            <div class="form-group">
                <label class="form-label">Attach Documents</label>
                @if($partner->document_file)
                    <p style="font-size:12px;color:var(--text-muted);margin-bottom:8px;"><a href="{{ asset('storage/' . $partner->document_file) }}" target="_blank">View current</a></p>
                @endif
                <input type="file" name="document_file" class="form-control" accept=".pdf,image/*">
            </div>
            <div class="form-group">
                <label class="form-label">Photo</label>
                @if($partner->photo)
                    <p style="font-size:12px;margin-bottom:8px;"><img src="{{ asset('storage/' . $partner->photo) }}" alt="" style="max-height:80px;border-radius:6px;"></p>
                @endif
                <input type="file" name="photo" class="form-control" accept="image/*">
            </div>
        </div>
        <div class="form-group">
            <label class="form-label">Nominees (share auto-splits 50/50, 33/33/33, etc. or customize %)</label>
            <div id="nomineesContainer">
                @foreach($partner->nominees as $i => $n)
                <div class="nominee-row" style="display:grid;grid-template-columns:1fr 1fr 1fr 100px auto;gap:8px;align-items:end;margin-bottom:8px;">
                    <input type="text" name="nominees[{{$i}}][name]" placeholder="Name" class="form-control" value="{{ $n->name }}">
                    <input type="text" name="nominees[{{$i}}][relation]" placeholder="Relation" class="form-control" value="{{ $n->relation }}">
                    <input type="date" name="nominees[{{$i}}][date_of_birth]" class="form-control" value="{{ $n->date_of_birth?->format('Y-m-d') }}">
                    <input type="number" name="nominees[{{$i}}][share_percentage]" placeholder="%" class="form-control share-input" value="{{ $n->share_percentage }}" step="0.01" min="0" max="100">
                    <button type="button" class="btn btn-secondary btn-sm remove-nominee">Remove</button>
                </div>
                @endforeach
                @if($partner->nominees->isEmpty())
                <div class="nominee-row" style="display:grid;grid-template-columns:1fr 1fr 1fr 100px auto;gap:8px;align-items:end;margin-bottom:8px;">
                    <input type="text" name="nominees[0][name]" placeholder="Name" class="form-control">
                    <input type="text" name="nominees[0][relation]" placeholder="Relation" class="form-control">
                    <input type="date" name="nominees[0][date_of_birth]" class="form-control">
                    <input type="number" name="nominees[0][share_percentage]" placeholder="%" class="form-control share-input" value="100" step="0.01" min="0" max="100">
                    <button type="button" class="btn btn-secondary btn-sm remove-nominee">Remove</button>
                </div>
                @endif
            </div>
            <button type="button" class="btn btn-secondary btn-sm" id="addNominee">+ Add Nominee</button>
        </div>
        <div class="form-row cols-2">
            <div class="form-group">
                <label class="form-label">App Password</label>
                <input type="password" name="password" class="form-control" placeholder="Leave blank to keep current">
                <p style="font-size:11px;color:var(--text-muted);margin-top:4px;">Set password for Partner app login (mobile + password)</p>
            </div>
        </div>
        <div class="form-group">
            <label><input type="checkbox" name="is_active" value="1" {{ old('is_active', $partner->is_active) ? 'checked' : '' }}> Active</label>
        </div>
        <div class="form-actions">
            <button type="submit" class="btn btn-primary">Update</button>
            <a href="{{ route('admin.partners.index') }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>

@push('scripts')
<script>
document.getElementById('whatsappSame').addEventListener('change', function() {
    document.getElementById('whatsappGroup').style.display = this.checked ? 'none' : 'block';
    if (this.checked) document.getElementById('whatsappNo').value = document.querySelector('[name="mobile_no"]').value;
});
if (document.getElementById('whatsappSame').checked) document.getElementById('whatsappGroup').style.display = 'none';

function redistributeShares() {
    var rows = document.querySelectorAll('#nomineesContainer .nominee-row');
    var count = rows.length;
    if (count === 0) return;
    var share = Math.round((100 / count) * 100) / 100;
    var lastShare = 100 - (share * (count - 1));
    rows.forEach(function(row, i) {
        var input = row.querySelector('.share-input');
        if (input) input.value = (i === count - 1) ? lastShare : share;
    });
}

var nc = {{ $partner->nominees->count() }};
document.getElementById('addNominee').addEventListener('click', function() {
    var html = '<div class="nominee-row" style="display:grid;grid-template-columns:1fr 1fr 1fr 100px auto;gap:8px;align-items:end;margin-bottom:8px;">' +
        '<input type="text" name="nominees['+nc+'][name]" placeholder="Name" class="form-control">' +
        '<input type="text" name="nominees['+nc+'][relation]" placeholder="Relation" class="form-control">' +
        '<input type="date" name="nominees['+nc+'][date_of_birth]" class="form-control">' +
        '<input type="number" name="nominees['+nc+'][share_percentage]" placeholder="%" class="form-control share-input" value="50" step="0.01" min="0" max="100">' +
        '<button type="button" class="btn btn-secondary btn-sm remove-nominee">Remove</button></div>';
    document.getElementById('nomineesContainer').insertAdjacentHTML('beforeend', html);
    nc++;
    redistributeShares();
});
document.getElementById('nomineesContainer').addEventListener('click', function(e) {
    if (e.target.classList.contains('remove-nominee')) {
        e.target.closest('.nominee-row').remove();
        redistributeShares();
    }
});
</script>
@endpush
@endsection