<div class="ngbvd-repeatable-section" data-repeatable-section="status" data-pending-case-status-ids='@json($pendingCaseStatusIds ?? ['1'])' data-pending-point-options='@json(($pendingPoints ?? collect())->map(function ($p) { return ['id' => (string) $p->id, 'name' => $p->name]; })->values())'>
    <div class="ngbvd-section-header-row"><div><h4>Case Status</h4><p>Record the current status. Status history can be updated progressively over time.</p></div><button type="button" class="btn ngbvd-btn-primary" data-add-repeatable="status"><i class="ti-plus"></i> Add Status Update</button></div>
    <input type="hidden" id="statuses_count" name="statuses_count" value="1">
    <div id="statusRows">
        <div class="ngbvd-repeat-card" data-repeatable-row="status">
            <div class="ngbvd-repeat-title"><strong>Status Update <span data-row-number>1</span></strong><button type="button" class="btn btn-sm btn-outline-danger" data-remove-repeatable>Remove</button></div>
            <div class="row">
                <div class="col-md-4 form-group"><label>Date <span class="text-danger">*</span></label><input type="text" class="form-control datepicker" name="date_reported_0" required autocomplete="off"></div>
                <div class="col-md-4 form-group"><label>Case Status <span class="text-danger">*</span></label><select class="form-control search-select" name="reportedto_0" data-status-select required><option value="">Choose One</option>@foreach($statuses as $status)<option value="{{ $status->id }}">{{ $status->name }}</option>@endforeach</select></div>
                <div class="col-md-4 form-group"><label>Details</label><textarea rows="3" class="form-control" name="notes_0" placeholder="Status details"></textarea></div>
            </div>
            <div class="row"><div class="col-md-6" data-statuses-target></div><div class="col-md-6" data-satisfied-target></div></div>
        </div>
    </div>
</div>
