@extends('admin.layouts.app')

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

@section('content')
<div class="card">
    <div class="card-title">Create Partner</div>
    <form method="POST" action="{{ route('admin.partners.store') }}" enctype="multipart/form-data">
        @csrf
        <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') }}" 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') }}">
            </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')=='male'?'selected':'' }}>Male</option>
                    <option value="female" {{ old('gender')=='female'?'selected':'' }}>Female</option>
                    <option value="other" {{ old('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')=='single'?'selected':'' }}>Single</option>
                    <option value="married" {{ old('marital_status')=='married'?'selected':'' }}>Married</option>
                    <option value="divorced" {{ old('marital_status')=='divorced'?'selected':'' }}>Divorced</option>
                    <option value="widowed" {{ old('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') }}" placeholder="e.g. A+">
            </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') }}">
            </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') }}</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') }}</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') }}">
            </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')?'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') }}" 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') }}">
            </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')=='aadhar'?'selected':'' }}>Aadhar</option>
                    <option value="voter" {{ old('document_type')=='voter'?'selected':'' }}>Voter</option>
                    <option value="passport" {{ old('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') }}">
            </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') }}">
            </div>
        </div>
        <div class="form-row cols-2">
            <div class="form-group">
                <label class="form-label">Attach Documents</label>
                <input type="file" name="document_file" class="form-control" accept=".pdf,image/*">
            </div>
            <div class="form-group">
                <label class="form-label">Photo</label>
                <input type="file" name="photo" class="form-control" accept="image/*">
            </div>
        </div>
        <div class="form-group">
            <label class="form-label">Nominees (add multiple – share auto-splits 50/50, 33/33/33, etc. or customize %)</label>
            <div id="nomineesContainer">
                <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]" placeholder="DOB" 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>
            </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="For Partner app login">
                <p style="font-size:11px;color:var(--text-muted);margin-top:4px;">Partner logs in with mobile no + this password</p>
            </div>
        </div>
        <div class="form-group">
            <label><input type="checkbox" name="is_active" value="1" {{ old('is_active', true) ? 'checked' : '' }}> Active</label>
        </div>
        <div class="form-actions">
            <button type="submit" class="btn btn-primary">Create</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() {
    var g = document.getElementById('whatsappGroup');
    g.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 = 1;
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]" placeholder="DOB" 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