@extends('admin.admin_dashboard')
@section('admin')

<div class="content container-fluid">

    <div class="page-header">
        <div class="row align-items-center">
            <div class="col">
                <h3 class="page-title">Partners</h3>
                <ul class="breadcrumb">
                    <li class="breadcrumb-item"><a href="index.html">Dashboard</a>
                    </li>
                    <li class="breadcrumb-item active">Partner</li>
                </ul>
            </div>
            <div class="col-auto">
                <a href="{{ route('add.partner') }}" class="btn btn-primary me-1">
                    <i class="fas fa-plus"></i>
                </a>
                <a class="btn btn-primary filter-btn" href="javascript:void(0);" id="filter_search">
                    <i class="fas fa-filter"></i>
                </a>
            </div>
        </div>
    </div>


    <div id="filter_inputs" class="card filter-card">
        <div class="card-body pb-0">
            <div class="row">
                <div class="col-sm-6 col-md-3">
                    <div class="form-group">
                        <label>Partner Name</label>
                        <input type="text" class="form-control">
                    </div>
                </div>
                <div class="col-sm-6 col-md-3">
                    <div class="form-group">
                        <label>Email</label>
                        <input type="text" class="form-control">
                    </div>
                </div>
                <div class="col-sm-6 col-md-3">
                    <div class="form-group">
                        <label>Phone</label>
                        <input type="text" class="form-control">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            <div class="card card-table">
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-center table-hover datatable">
                            <thead class="thead-light">
                                <tr>
                                    <th>Sl</th>
                                    <th>Partner Name</th>
                                    <th>Email</th>
                                    <th>Phone</th>

                                    <th>QR Code</th>
                                    <th>Status</th>
                                    <th class="text-end">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($partners as $key => $item)
                                <tr>
                                    <td>{{ $key+1 }}</td>
                                    <td>
                                        <h2 class="table-avatar">
                                            <a href="profile.html" class="avatar avatar-sm me-2"><img
                                                    class="avatar-img rounded-circle"
                                                    src="{{ asset($item->partner_image) }}" alt="User Image"></a>
                                            <a href="profile.html">{{ $item->partner_name }}<span></span></a>
                                        </h2>
                                    </td>
                                    <td>{{ $item->email }} </td>
                                    <td>{{ $item->phone }}</td>
                                    <!--<td>
                                        <a href="{{ route('verify.partner', $item->id) }}" target="_blank">
                                            <img src="https://api.qrserver.com/v1/create-qr-code/?size=150x150&data={{ route('verify.partner', $item->id) }}"
                                                alt="QR Code">
                                        </a>
                                        </td>-->
                                    <td>
                                        @if(!empty($item->qr_code) && file_exists(public_path($item->qr_code)))
                                        <div class="text-center">
                                            <a href="{{ route('verify.partner', $item->id) }}" target="_blank">
                                                <img src="https://api.qrserver.com/v1/create-qr-code/?size=300x300&data={{ route('verify.partner', $item->id) }}"
                                                    alt="QR Code">
                                            </a>
                                            <br>
                                            <a href="{{ asset($item->qr_code) }}" download
                                                class="btn btn-sm btn-outline-primary mt-1">
                                                <i class="fas fa-download"></i> Download
                                            </a>
                                        </div>
                                        @else
                                        <span class="text-danger">No QR Code</span>
                                        @endif
                                    </td>
                                    <td>
                                        <span class="badge bg-{{ $item->status == 'active' ? 'success' : 'danger' }}">
                                            {{ ucfirst($item->status) }}
                                        </span>
                                    </td>
                                    <td class="text-end">
                                        <a href="{{ route('edit.partner',$item->id) }}"
                                            class="btn btn-sm btn-white text-success me-2"><i
                                                class="far fa-edit me-1"></i> Edit</a>
                                        <a href="{{ route('delete.partner',$item->id) }}"
                                            class="btn btn-sm btn-white text-danger me-2" id="delete"><i
                                                class="far fa-trash-alt me-1"></i>Delete</a>
                                        <a href="{{ route('partner.details', $item->id) }}"
                                            class="btn btn-sm btn-white text-info me-2">
                                            <i class="far fa-eye-alt me-1"></i>View
                                        </a>
                                        <a href="{{ route('partner.toggleStatus', $item->id) }}"
                                            class="btn btn-sm btn-warning">
                                            {{ $item->status == 'active' ? 'Inactive' : 'Active' }}
                                        </a>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection