<style type="text/css">
.new-bill {
    width: 95px !important;
    height: auto !important;
    line-height: 1.5 !important;
    padding: 0.275rem 0.5rem !important;
}
</style>
<div class="table-responsive">
    <table id="example" class="table table-bordered align-middle" style="width:100%">
        <thead class="table-light">
            <tr>
                <th class="thbutton">Sl No.</th>
                <th>Request Name</th>
                <th class="thbutton">Production Base Url</th>
                <th class="thbutton">Sandbox Base Url</th>
                <th class="thbutton">Sub Url</th>
                <th class="thbutton">Request Type</th>
                <th class="thbutton">Edit</th>
                <th class="thbutton">Status</th>
                <th class="thbutton">Delete</th>
            </tr>
        </thead>
        <tbody>
            @php $i = 1; @endphp
            @if($abdm_api_calls->count() > 0)
                @foreach($abdm_api_calls as $list)
                <tr>
                    <td class="text-center">{{ $i++ }}</td>
                    <td class="text-left">{{ $list->request_name }}</td>
                    <td class="text-left">{{ $list->request_production_base_url }}</td>
                    <td class="text-left">{{ $list->request_sandbox_base_url }}</td>
                    <td class="text-left">{{ $list->request_sub_url }}</td>
                    <td class="text-left">{{ $list->request_type }}</td>
                    <td class="thbutton">
                        <a data-id="{{ $list->id }}" class="btn btn-warning edit edit_abdm_api_calls" type="button" data-bs-toggle="modal" data-bs-target="#commonModal" id="edit_abdm_api_calls">
                            <i class="bi bi-pencil-square text-white"></i>
                        </a>
                    </td>
                    <td class="text-center">
                        <div class="form-check form-check-inline{{$i}}">
                            <input class="form-check-input{{$i}} btn-lg changeStatusCustom" type="checkbox" id="Checkbox{{$list->id}}" data-url="{{ route('abdm-api-calls-changestatus') }}" data-id="{{ $list->id }}" data-status="{{ $list->status == '0' ? '1' : '0' }}" {{ $list->status == '1' ? 'checked' : '' }}>
                        </div>
                    </td> 
                    <td class="thbutton">
                        <a data-url="{{ route('abdm-api-calls.destroy', $list->id) }}" class="btn btn-danger deleteDataCustom" class="text-danger" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Delete">
                            <i class="bi bi-trash text-white"></i>
                        </a>
                    </td>

                   
                </tr>
                @endforeach
            @else
                <tr>
                    <td colspan="10">No Data Found</td>
                </tr>
            @endif
        </tbody>
    </table>
</div>
<nav class="mt-2 row d-flex align-items-center">
    <div class="col-lg-12 col-md-12 col-12 d-flex justify-content-end align-items-center">
        <div class="btn-group mb-0 me-2">
            <a href="{{ route('abdm-api-calls-import.modal') }}" class="btn btn-outline-primary">
                <i class="bx bx-upload"></i> Import Api Calls From Excel
            </a>
        </div>
        <div class="d-flex align-items-center">
            <select class="form-select sorting sorting-box" id="example_length" name="example_length" aria-controls="example">
                <option value="10">Show: 10</option>
                <option value="30">Show: 30</option>
                <option value="50">Show: 50</option>
            </select>
        </div>
    </div>
</nav>
