@extends('layout.app')

@section('content')
    <form action="{{ route('core-rent.update', $coreRent->id) }}" method="POST">
        @csrf
        @method('PUT')
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">Edit Core Rent</h5>
            </div>
            <div class="card-body">
                <div class="row">

                    <div class="form-group col-md-6">
                        <label>Manager <span class="text-danger">*</span></label>
                        <select name="reseller_id" id="reseller_id" class="form-control select2" required>
                            <option value="">— Select Manager —</option>
                            @foreach ($resellers as $reseller)
                                <option value="{{ $reseller->id }}"
                                    {{ old('reseller_id', $coreRent->reseller_id) == $reseller->id ? 'selected' : '' }}>
                                    {{ $reseller->name_with_type }}
                                </option>
                            @endforeach
                        </select>
                        @error('reseller_id')
                            <div class="alert alert-danger mt-1">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-group col-md-6">
                        <label>POP <span class="text-danger">*</span></label>
                        <select name="pop_id" id="pop_id" class="form-control select2" required>
                            <option value="">— Select POP —</option>
                            @foreach ($currentPops as $pop)
                                <option value="{{ $pop->id }}"
                                    {{ old('pop_id', $coreRent->pop_id) == $pop->id ? 'selected' : '' }}>
                                    {{ $pop->popname }}
                                </option>
                            @endforeach
                        </select>
                        @error('pop_id')
                            <div class="alert alert-danger mt-1">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-group col-md-6">
                        <label>Title <span class="text-danger">*</span></label>
                        <input type="text" name="title" class="form-control"
                            value="{{ old('title', $coreRent->title) }}" autocomplete="off">
                        @error('title')
                            <div class="alert alert-danger mt-1">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-group col-md-6">
                        <label>Location</label>
                        <input type="text" name="location" class="form-control"
                            value="{{ old('location', $coreRent->location) }}" autocomplete="off">
                        @error('location')
                            <div class="alert alert-danger mt-1">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-group col-md-4">
                        <label>Rent Amount <span class="text-danger">*</span></label>
                        <input type="number" name="rent_amount" class="form-control"
                            value="{{ old('rent_amount', $coreRent->rent_amount) }}" step="0.01" min="0">
                        @error('rent_amount')
                            <div class="alert alert-danger mt-1">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-group col-md-4">
                        <label>Payment Type <span class="text-danger">*</span></label>
                        <select name="payment_type" class="form-control select2">
                            <option value="monthly"  {{ old('payment_type', $coreRent->payment_type) == 'monthly'  ? 'selected' : '' }}>Monthly</option>
                            <option value="yearly"   {{ old('payment_type', $coreRent->payment_type) == 'yearly'   ? 'selected' : '' }}>Yearly</option>
                            <option value="one-time" {{ old('payment_type', $coreRent->payment_type) == 'one-time' ? 'selected' : '' }}>One-Time</option>
                        </select>
                        @error('payment_type')
                            <div class="alert alert-danger mt-1">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-group col-md-2">
                        <label>Start Date <span class="text-danger">*</span></label>
                        <input type="date" name="start_date" class="form-control"
                            value="{{ old('start_date', optional($coreRent->start_date)->format('Y-m-d')) }}">
                        @error('start_date')
                            <div class="alert alert-danger mt-1">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-group col-md-2">
                        <label>End Date</label>
                        <input type="date" name="end_date" class="form-control"
                            value="{{ old('end_date', optional($coreRent->end_date)->format('Y-m-d')) }}">
                        <small class="form-text text-muted">
                            Set this to stop the recurring rent. Periods already billed stay due.
                            Leave empty to keep billing indefinitely.
                        </small>
                        @error('end_date')
                            <div class="alert alert-danger mt-1">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-group col-md-6">
                        <label>Owner Name <span class="text-danger">*</span></label>
                        <input type="text" name="landlord_name" class="form-control"
                            value="{{ old('landlord_name', $coreRent->landlord_name) }}" autocomplete="off">
                        @error('landlord_name')
                            <div class="alert alert-danger mt-1">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-group col-md-6">
                        <label>Owner Contact</label>
                        <input type="text" name="landlord_contact" class="form-control"
                            value="{{ old('landlord_contact', $coreRent->landlord_contact) }}" autocomplete="off">
                        @error('landlord_contact')
                            <div class="alert alert-danger mt-1">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="form-group col-md-12">
                        <label>Remarks</label>
                        <textarea name="remarks" class="form-control" rows="3">{{ old('remarks', $coreRent->remarks) }}</textarea>
                        @error('remarks')
                            <div class="alert alert-danger mt-1">{{ $message }}</div>
                        @enderror
                    </div>

                </div>

                <div class="form-group">
                    <button type="submit" class="btn btn-primary float-right">Update</button>
                    <a href="{{ route('core-rent.index') }}" class="btn btn-secondary float-right mr-2">Back</a>
                </div>
            </div>
        </div>
    </form>
@endsection

@push('js')
<script>
    const resellerPopUrl = "{{ route('reseller-pop') }}";

    function loadPops(resellerId, selectedPopId) {
        const $pop = $('#pop_id');
        $pop.empty().append('<option value="">— Select POP —</option>');

        if (!resellerId) {
            $pop.trigger('change');
            return;
        }

        $.get(resellerPopUrl, { reseller: resellerId }, function (data) {
            $.each(data.popes, function (i, pop) {
                const selected = (selectedPopId && pop.id == selectedPopId) ? 'selected' : '';
                $pop.append('<option value="' + pop.id + '" ' + selected + '>' + pop.popname + '</option>');
            });
            $pop.trigger('change');
        });
    }

    $('#reseller_id').on('change', function () {
        loadPops($(this).val(), null);
    });
</script>
@endpush