@extends('layouts.master')
@section('title', 'Our Partners')

@section('content')
    <style>
        .modal-backdrop {
            z-index: 0;
        }
    </style>

    @if (isset($partners_search))
        <div class="card-body">
            <div class="table-responsive mb-4">
                <table id="example2" class="table table-striped table-bordered @if (Auth::user()->role == 'Partner Rep' || Auth::user()->role == 'Admin')  @endif"
                    style="border-collapse: collapse; border-spacing: 0; width: 100%; overflow:auto; font-size:small;">
                    <thead class="bg-light">
                        <tr>
                            <th scope="col">Vendor</th>
                            <th scope="col">MFR/PUB</th>
                            <th scope="col">Authorization</th>
                            <th scope="col">Partnership Level</th>
                            <th scope="col">Partner ID</th>
                            <th scope="col">vCloud Partner Locator</th>
                            <th scope="col">Partnership Type</th>
                            <th scope="col">LOA</th>
                            <th scope="col">Category</th>
                            <th scope="col">Sub Category</th>
                            <th scope="col">Category Details</th>
                            <th scope="col">POC Name</th>
                            <th scope="col">POC Title</th>
                            <th scope="col">POC Phone</th>
                            <th scope="col">POC Email</th>
                            {{-- @if (Auth::user()->role == 'Partner Rep' || Auth::user()->role == 'Admin')
                        <th scope="col">Partner Portal Link</th>
                            <th scope="col">Admin Login</th>
                            <th scope="col">Password</th>
                        @endif --}}
                            <th scope="col">Authorized Distributors</th>
                            <th scope="col">Partner Discount</th>
                            <th scope="col">Deal Registration Discount</th>
                            <th scope="col">Incumbency Discount</th>
                            <th scope="col">Reseller Agreement Date</th>
                            <th scope="col">Partnership Exp Date</th>
                            <th scope="col">Additional Details</th>
                            <th scope="col">Level Up Requirements</th>
                            <th scope="col">Certification Required</th>
                            <th scope="col">Partner Locator</th>
                            <th scope="col">Rebates</th>
                            <th scope="col">Last Updated</th>
                            <th scope="col">Update Progress</th>
                            <th scope="col">Website Link</th>
                            <th scope="col">Download File</th>

                        </tr>
                    </thead>
                    <tbody id="myTable">
                        {{-- {{dd($partners)}} --}}
                        @foreach ($partners_search as $partner)
                            <form action="/linecard_edit/{{ $partner->id }}" method="POST">
                                @csrf
                                <tr data-id='{{ $partner->id }}'>

                                    <td data-field="vendor{{ $partner->id }}">
                                        {{ $partner->vendor ? $partner->vendor : 'N/A' }} </td>
                                    <td data-field="mfr_pub{{ $partner->id }}">
                                        {{ $partner->mfr_pub ? $partner->mfr_pub : 'N/A' }}
                                    </td>
                                    <td data-field="authorization{{ $partner->id }}">
                                        {{ $partner->authorization ? $partner->authorization : 'N/A' }} </td>
                                    <td data-field="partnership_level{{ $partner->id }}">
                                        {{ $partner->partnership_level ? $partner->partnership_level : 'N/A' }}
                                    </td>
                                    <td data-field="partner_id{{ $partner->id }}">
                                        {{ $partner->partner_id ? $partner->partner_id : 'N/A' }} </td>
                                    <td data-field="vcloud_partner_locator{{ $partner->id }}">
                                        {{ $partner->vcloud_partner_locator ? $partner->vcloud_partner_locator : 'N/A' }}
                                    </td>
                                    <td data-field="partnership_type{{ $partner->id }}">
                                        {{ $partner->partnership_type ? $partner->partnership_type : 'N/A' }}
                                    </td>
                                    <td data-field="loa{{ $partner->id }}">
                                        {{ $partner->loa ? $partner->loa : 'N/A' }} </td>
                                    <td data-field="category{{ $partner->id }}">
                                        {{ $partner->category ? $partner->category : 'N/A' }} </td>
                                    <td data-field="sub_category{{ $partner->id }}">
                                        {{ $partner->sub_category ? $partner->sub_category : 'N/A' }} </td>
                                    <td data-field="category_details{{ $partner->id }}">
                                        {{ $partner->category_details ? $partner->category_details : 'N/A' }}
                                    </td>
                                    <td data-field="poc_name{{ $partner->id }}">
                                        {{ $partner->poc_name ? $partner->poc_name : 'N/A' }} </td>
                                    <td data-field="poc_title{{ $partner->id }}">
                                        {{ $partner->poc_title ? $partner->poc_title : 'N/A' }} </td>
                                    <td data-field="poc_phone{{ $partner->id }}">
                                        {{ $partner->poc_phone ? $partner->poc_phone : 'N/A' }} </td>
                                    <td data-field="poc_email{{ $partner->id }}">
                                        <pre>{{ $partner->poc_email ? $partner->poc_email : 'N/A' }}</pre>
                                    </td>
                                    {{-- @if (Auth::user()->role == 'Partner Rep' || Auth::user()->role == 'Admin')
                                    <td data-field="partner_portal_link{{ $partner->id }}">
                                        <pre>{{ $partner->partner_portal_link ? $partner->partner_portal_link : 'N/A' }}</pre>
                                    </td>
                                    <td data-field="admin_login{{ $partner->id }}">
                                        <pre>{{ $partner->admin_login ? $partner->admin_login : 'N/A' }}</pre>
                                    </td>
                                    <td data-field="password{{ $partner->id }}">
                                        <pre>{{ $partner->password ? $partner->password : 'N/A' }}</pre>
                                    </td>
                                @endif --}}
                                    <td data-field="authorized_distributors{{ $partner->id }}">
                                        {{ $partner->authorized_distributors ? $partner->authorized_distributors : 'N/A' }}
                                    </td>
                                    <td data-field="partner_discount{{ $partner->id }}">
                                        {{ $partner->partner_discount ? $partner->partner_discount : 'N/A' }}
                                    </td>
                                    <td data-field="deal_registration_discount{{ $partner->id }}">
                                        {{ $partner->deal_registration_discount ? $partner->deal_registration_discount : 'N/A' }}
                                    </td>
                                    <td data-field="incumbency_discount{{ $partner->id }}">
                                        {{ $partner->incumbency_discount ? $partner->incumbency_discount : 'N/A' }}
                                    </td>
                                    <td data-field="reseller_agreement_date{{ $partner->id }}">
                                        {{ $partner->reseller_agreement_date ? $partner->reseller_agreement_date : 'N/A' }}
                                    </td>
                                    <td data-field="partnership_exp_date{{ $partner->id }}">
                                        {{ $partner->partnership_exp_date ? $partner->partnership_exp_date : 'N/A' }}
                                    </td>
                                    <td data-field="additional_details{{ $partner->id }}">
                                        {{ $partner->additional_details ? $partner->additional_details : 'N/A' }}
                                    </td>
                                    <td data-field="level_up_requirements{{ $partner->id }}">
                                        {{ $partner->level_up_requirements ? $partner->level_up_requirements : 'N/A' }}
                                    </td>
                                    <td data-field="certification_required{{ $partner->id }}">
                                        {{ $partner->certification_required ? $partner->certification_required : 'N/A' }}
                                    </td>
                                    <td data-field="partner_locator{{ $partner->id }}">
                                        {{ $partner->partner_locator ? $partner->partner_locator : 'N/A' }}
                                    </td>
                                    <td data-field="rebates{{ $partner->id }}">
                                        {{ $partner->rebates ? $partner->rebates : 'N/A' }}
                                    </td>
                                    <td data-field="last_updated{{ $partner->id }}">
                                        {{ $partner->last_updated ? $partner->last_updated : 'N/A' }} </td>
                                    <td data-field="update_progress{{ $partner->id }}">
                                        {{ $partner->update_progress ? $partner->update_progress : 'N/A' }}
                                    </td>
                                    <td data-field="website_link{{ $partner->id }}">
                                        {{ $partner->website_link ? $partner->website_link : 'N/A' }} </td>
                                    <td data-field="file_path{{ $partner->id }}">
                                        @if ($partner->file_path)
                                            <a href="{{ asset('storage/' . $partner->file_path) }}"
                                                download="{{ $partner->original_file_name }}">{{ $partner->original_file_name }}</a>
                                        @else
                                            {{ 'N/A' }}
                                        @endif
                                    </td>
                                </tr>
                            </form>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @else
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    @if (Auth::user()->role == 'Partner Rep' || Auth::user()->role == 'Admin')
                        <a href="#" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addPartnerModal"
                            style=" width: 11%; position: relative; left: 88%;margin-top:1%; "> <i
                                class="mdi mdi-plus me-1"></i>
                            Add
                            Partner </a>
                    @endif
                    <div class="modal fade" id="addPartnerModal" tabindex="-1" aria-labelledby="addPartnerModalLabel"
                        aria-hidden="true">
                        <div class="modal-dialog modal-lg modal-dialog-centered">
                            {{-- Form for Adding Partners --}}
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="addPartnerModalLabel">Add Partner</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                                        aria-label="Close"></button>
                                </div>
                                <!-- end modalheader -->
                                <form action="/linecard_add" method="post" enctype="multipart/form-data">
                                    @csrf
                                    <div class="modal-body p-4">
                                        <div>
                                            <div class="form-group mb-3">
                                                <label class="form-label">Standardized Name</label>
                                                <select id="standardizedname" class="form-select"
                                                    name="standardizedname"></select>

                                            </div>
                                            <div class="mb-3">
                                                <label for="vendor" class="form-label">Vendor</label>
                                                <input type="text" class="form-control" id="vendor"
                                                    placeholder="Enter Vendor" name="vendor">
                                            </div>
                                            <div class="mb-3">
                                                <label for="mfr_pub" class="form-label">MFR/PUB</label>
                                                <input type="text" class="form-control" id="mfr_pub"
                                                    placeholder="Enter MFR/PUB" name="mfr_pub">
                                            </div>
                                            <div class="mb-3">
                                                <label for="authorization" class="form-label">Authorization</label>
                                                <input type="text" class="form-control" id="authorization"
                                                    placeholder="Enter Authorization" name="authorization">
                                            </div>
                                            <div class="mb-3">
                                                <label for="partnership_level" class="form-label">Partnership
                                                    Level</label>
                                                <input type="text" class="form-control" id="partnership_level"
                                                    placeholder="Enter Partnership Level" name="partnership_level">
                                            </div>
                                            <div class="mb-3">
                                                <label for="partner_id" class="form-label">Partner ID</label>
                                                <input type="text" class="form-control" id="partner_id"
                                                    placeholder="Enter Partner ID" name="partner_id">
                                            </div>
                                            <div class="mb-3">
                                                <label for="vcloud_partner_locator" class="form-label">Vcloud Partner
                                                    Locator</label>
                                                <input type="text" class="form-control" id="vcloud_partner_locator"
                                                    placeholder="Enter Partner ID" name="vcloud_partner_locator">
                                            </div>
                                            <div class="mb-3">
                                                <label for="partnership_type" class="form-label">Partnership Type</label>
                                                <input type="text" class="form-control" id="partnership_type"
                                                    placeholder="Enter Partnership Type" name="partnership_type">
                                            </div>
                                            <div class="mb-3">
                                                <label for="loa" class="form-label">LOA</label>
                                                <input type="text" class="form-control" id="loa"
                                                    placeholder="Enter LOA" name="loa">
                                            </div>
                                            <div class="mb-3">
                                                <label for="category" class="form-label">Category</label>
                                                <input type="text" class="form-control" id="category"
                                                    placeholder="Enter Category" name="category">
                                            </div>
                                            <div class="mb-3">
                                                <label for="sub_category" class="form-label">Sub Category</label>
                                                <input type="text" class="form-control" id="sub_category"
                                                    placeholder="Enter Sub Category" name="sub_category">
                                            </div>
                                            <div class="mb-3">
                                                <label for="category_details" class="form-label">Category Details</label>
                                                <input type="text" class="form-control" id="category_details"
                                                    placeholder="Enter Category Details" name="category_details">
                                            </div>
                                            <div class="mb-3">
                                                <label for="poc_name" class="form-label">POC Name</label>
                                                <input type="text" class="form-control" id="poc_name"
                                                    placeholder="Enter POC Name" name="poc_name">
                                            </div>
                                            <div class="mb-3">
                                                <label for="poc_title" class="form-label">POC Title</label>
                                                <input type="text" class="form-control" id="poc_title"
                                                    placeholder="Enter POC Title" name="poc_title">
                                            </div>
                                            <div class="mb-3">
                                                <label for="poc_phone" class="form-label">POC Phone</label>
                                                <input type="text" class="form-control" id="poc_phone"
                                                    placeholder="Enter POC Phone" name="poc_phone">
                                            </div>
                                            <div class="mb-3">
                                                <label for="poc_email" class="form-label">POC Email</label>
                                                <textarea class="form-control" id="poc_email" placeholder="Enter POC Email" name="poc_email"></textarea>
                                            </div>
                                            <div class="mb-3">
                                                <label for="partner_portal_link" class="form-label">Partner Portal
                                                    Link</label>
                                                <textarea class="form-control" id="partner_portal_link" placeholder="Enter POC Email" name="partner_portal_link"></textarea>
                                            </div>
                                            <div class="mb-3">
                                                <label for="admin_login" class="form-label">Admin Login</label>
                                                <textarea class="form-control" id="admin_login" placeholder="Enter POC Email" name="admin_login"></textarea>
                                            </div>
                                            <div class="mb-3">
                                                <label for="password" class="form-label">Password</label>
                                                <textarea class="form-control" id="password" placeholder="Enter POC Email" name="password"></textarea>
                                            </div>
                                            <div class="mb-3">
                                                <label for="authorized_distributors" class="form-label">Authorized
                                                    Distributors</label>
                                                <input type="text" class="form-control" id="authorized_distributors"
                                                    placeholder="Enter Authorized Distributors"
                                                    name="authorized_distributors">
                                            </div>
                                            <div class="mb-3">
                                                <label for="partner_discount" class="form-label">Partner Discount</label>
                                                <input type="text" class="form-control" id="partner_discount"
                                                    placeholder="Enter Partner Discount" name="partner_discount">
                                            </div>
                                            <div class="mb-3">
                                                <label for="deal_registration_discount" class="form-label">Deal
                                                    Registration Discount</label>
                                                <input type="text" class="form-control"
                                                    id="deal_registration_discount"
                                                    placeholder="Enter Deal Registration Discount"
                                                    name="deal_registration_discount">
                                            </div>
                                            <div class="mb-3">
                                                <label for="incumbency_discount" class="form-label">Incumbency
                                                    Discount</label>
                                                <input type="text" class="form-control" id="incumbency_discount"
                                                    placeholder="Enter Incumbency Discount" name="incumbency_discount">
                                            </div>
                                            <div class="mb-3">
                                                <label for="reseller_agreement_date" class="form-label">Reseller Agreement
                                                    Date</label>
                                                <input type="text" class="form-control" id="reseller_agreement_date"
                                                    placeholder="Enter Reseller Agreement Date"
                                                    name="reseller_agreement_date">
                                            </div>
                                            <div class="mb-3">
                                                <label for="partnership_exp_date" class="form-label">Partnership EXP
                                                    Date</label>
                                                <input type="text" class="form-control" id="partnership_exp_date"
                                                    placeholder="Enter Partnership EXP Date" name="partnership_exp_date">
                                            </div>
                                            <div class="mb-3">
                                                <label for="additional_details" class="form-label">Additional
                                                    Details</label>
                                                <input type="text" class="form-control" id="additional_details"
                                                    placeholder="Enter Additional Details" name="additional_details">
                                            </div>
                                            <div class="mb-3">
                                                <label for="level_up_requirements" class="form-label">Level Up
                                                    Requirements</label>
                                                <input type="text" class="form-control" id="level_up_requirements"
                                                    placeholder="Enter Level Up Requirements"
                                                    name="level_up_requirements">
                                            </div>
                                            <div class="mb-3">
                                                <label for="certification_required" class="form-label">Certification
                                                    Required</label>
                                                <input type="text" class="form-control" id="certification_required"
                                                    placeholder="Enter Certification Required"
                                                    name="certification_required">
                                            </div>
                                            <div class="mb-3">
                                                <label for="partner_locator" class="form-label">Partner Locator</label>
                                                <input type="text" class="form-control" id="partner_locator"
                                                    placeholder="Enter Partner Locator" name="partner_locator">
                                            </div>
                                            <div class="mb-3">
                                                <label for="rebates" class="form-label">Rebates</label>
                                                <input type="text" class="form-control" id="rebates"
                                                    placeholder="Enter Rebates" name="rebates">
                                            </div>
                                            <div class="mb-3">
                                                <label for="last_updated" class="form-label">Last Updated</label>
                                                <input type="text" class="form-control" id="last_updated"
                                                    placeholder="Last Updated" name="last_updated">
                                            </div>
                                            <div class="mb-3">
                                                <label for="update_progress" class="form-label">Update Progress</label>
                                                <input type="text" class="form-control" id="update_progress"
                                                    placeholder="Enter Update Progress" name="update_progress">
                                            </div>
                                            <div class="mb-3">
                                                <label for="website_link" class="form-label">Website Link</label>
                                                <input type="text" class="form-control" id="website_link"
                                                    placeholder="Enter Vendor" name="website_link">
                                            </div>
                                            <div class="mb-3">
                                                <label for="file" class="form-label">Upload File</label>
                                                <input type="file" class="form-control" id="file" name="file"
                                                    accept=".xlsx,.xls,.doc,.docx,.pdf">
                                            </div>
                                            <!-- Add other fields as needed -->
                                        </div>
                                    </div>
                                    <!-- end modalbody -->
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-light w-sm"
                                            data-bs-dismiss="modal">Close</button>
                                        <button type="submit" class="btn btn-primary w-sm">Add</button>
                                    </div>
                                </form>
                                <!-- end modalfooter -->
                            </div><!-- end content -->
                        </div>
                    </div>
                    <script>
                        $(document).ready(function() {
                            // Initialize Select2 when the modal is shown:
                            $('#addPartnerModal').on('shown.bs.modal', function() {
                                // If needed, destroy any previous instance before reinitializing:
                                if ($('#standardizedname').hasClass("select2-hidden-accessible")) {
                                    $('#standardizedname').select2('destroy');
                                }

                                $('#standardizedname').select2({
                                    tags: true,
                                    placeholder: 'Select or type to add a new name',
                                    width: '100%',
                                    createTag: function(params) {
                                        return {
                                            id: params.term,
                                            text: params.term,
                                            newTag: true
                                        };
                                    },
                                    ajax: {
                                        url: '/search-manufacturers',
                                        method: 'GET',
                                        dataType: 'json',
                                        delay: 250,
                                        data: function(params) {
                                            return {
                                                q: params.term
                                            };
                                        },
                                        processResults: function(data) {
                                            return {
                                                results: data.map(function(item) {
                                                    return {
                                                        id: item.standardized_name,
                                                        text: item.standardized_name
                                                    };
                                                })
                                            };
                                        },
                                        cache: true
                                    },
                                    // Append the dropdown inside your modal:
                                    dropdownParent: $('#addPartnerModal')
                                });
                            });
                        });
                    </script>

                    <div class="card-body">
                        <div class="table-responsive mb-4">
                            <table id="example2"
                                class="table table-striped table-bordered @if (Auth::user()->role == 'Partner Rep' || Auth::user()->role == 'Admin')  @endif"
                                style="border-collapse: collapse; border-spacing: 0; width: 100%; overflow:auto; font-size:small;">
                                <thead class="bg-light">
                                    <tr>
                                        <th scope="col">Vendor</th>
                                        <th scope="col">MFR/PUB</th>
                                        <th scope="col">Authorization</th>
                                        <th scope="col">Partnership Level</th>
                                        <th scope="col">Partner ID</th>
                                        <th scope="col">vCloud Partner Locator</th>
                                        <th scope="col">Partnership Type</th>
                                        <th scope="col">LOA</th>
                                        <th scope="col">Category</th>
                                        <th scope="col">Sub Category</th>
                                        <th scope="col">Category Details</th>
                                        <th scope="col">POC Name</th>
                                        <th scope="col">POC Title</th>
                                        <th scope="col">POC Phone</th>
                                        <th scope="col">POC Email</th>
                                        {{-- @if (Auth::user()->role == 'Partner Rep' || Auth::user()->role == 'Admin')
                                        <th scope="col">Partner Portal Link</th>
                                            <th scope="col">Admin Login</th>
                                            <th scope="col">Password</th>
                                        @endif --}}
                                        <th scope="col">Authorized Distributors</th>
                                        <th scope="col">Partner Discount</th>
                                        <th scope="col">Deal Registration Discount</th>
                                        <th scope="col">Incumbency Discount</th>
                                        <th scope="col">Reseller Agreement Date</th>
                                        <th scope="col">Partnership Exp Date</th>
                                        <th scope="col">Additional Details</th>
                                        <th scope="col">Level Up Requirements</th>
                                        <th scope="col">Certification Required</th>
                                        <th scope="col">Partner Locator</th>
                                        <th scope="col">Rebates</th>
                                        <th scope="col">Last Updated</th>
                                        <th scope="col">Update Progress</th>
                                        <th scope="col">Website Link</th>
                                        <th scope="col">Download File</th>
                                        @if (Auth::user()->role == 'Partner Rep' || Auth::user()->role == 'Admin')
                                            <th scope="col">Edit</th>
                                        @endif
                                    </tr>
                                </thead>
                                <tbody id="myTable">

                                </tbody>
                            </table>
                            <!-- Edit Modal -->
                            <div class="modal fade" id="editModal" tabindex="-1" aria-labelledby="editModalLabel"
                                aria-hidden="true">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <form id="editForm" action="#" method="POST"
                                            enctype="multipart/form-data">
                                            @csrf
                                            @method('PUT')
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="editModalLabel">Edit LineCard</h5>
                                                <button type="button" class="btn-close"
                                                    data-bs-dismiss="modal"></button>
                                            </div>
                                            <div class="modal-body">
                                                <input type="hidden" id="id" name="id">
                                                <div>
                                                    <div class="mb-3">
                                                        <label for="vendor" class="form-label">Vendor</label>
                                                        <input type="text" class="form-control" id="vendor_x"
                                                            placeholder="Enter Vendor" name="vendor">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="mfr_pub" class="form-label">MFR/PUB</label>
                                                        <input type="text" class="form-control" id="mfr_pub_x"
                                                            placeholder="Enter MFR/PUB" name="mfr_pub">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="authorization"
                                                            class="form-label">Authorization</label>
                                                        <input type="text" class="form-control" id="authorization_x"
                                                            placeholder="Enter Authorization" name="authorization">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="partnership_level" class="form-label">Partnership
                                                            Level</label>
                                                        <input type="text" class="form-control"
                                                            id="partnership_level_x" placeholder="Enter Partnership Level"
                                                            name="partnership_level">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="partner_id" class="form-label">Partner ID</label>
                                                        <input type="text" class="form-control" id="partner_id_x"
                                                            placeholder="Enter Partner ID" name="partner_id">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="vcloud_partner_locator" class="form-label">Vcloud
                                                            Partner
                                                            Locator</label>
                                                        <input type="text" class="form-control"
                                                            id="vcloud_partner_locator_x" placeholder="Enter Partner ID"
                                                            name="vcloud_partner_locator">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="partnership_type" class="form-label">Partnership
                                                            Type</label>
                                                        <input type="text" class="form-control"
                                                            id="partnership_type_x" placeholder="Enter Partnership Type"
                                                            name="partnership_type">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="loa" class="form-label">LOA</label>
                                                        <input type="text" class="form-control" id="loa_x"
                                                            placeholder="Enter LOA" name="loa">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="category" class="form-label">Category</label>
                                                        <input type="text" class="form-control" id="category_x"
                                                            placeholder="Enter Category" name="category">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="sub_category" class="form-label">Sub Category</label>
                                                        <input type="text" class="form-control" id="sub_category_x"
                                                            placeholder="Enter Sub Category" name="sub_category">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="category_details" class="form-label">Category
                                                            Details</label>
                                                        <input type="text" class="form-control"
                                                            id="category_details_x" placeholder="Enter Category Details"
                                                            name="category_details">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="poc_name" class="form-label">POC Name</label>
                                                        <input type="text" class="form-control" id="poc_name_x"
                                                            placeholder="Enter POC Name" name="poc_name">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="poc_title" class="form-label">POC Title</label>
                                                        <input type="text" class="form-control" id="poc_title_x"
                                                            placeholder="Enter POC Title" name="poc_title">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="poc_phone" class="form-label">POC Phone</label>
                                                        <input type="text" class="form-control" id="poc_phone_x"
                                                            placeholder="Enter POC Phone" name="poc_phone">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="poc_email" class="form-label">POC Email</label>
                                                        <textarea class="form-control" id="poc_email_x" placeholder="Enter POC Email" name="poc_email"></textarea>
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="partner_portal_link" class="form-label">Partner Portal
                                                            Link</label>
                                                        <textarea class="form-control" id="partner_portal_link_x" placeholder="Enter POC Email" name="partner_portal_link"></textarea>
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="admin_login" class="form-label">Admin Login</label>
                                                        <textarea class="form-control" id="admin_login_x" placeholder="Enter POC Email" name="admin_login"></textarea>
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="password" class="form-label">Password</label>
                                                        <textarea class="form-control" id="password_x" placeholder="Enter POC Email" name="password"></textarea>
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="authorized_distributors" class="form-label">Authorized
                                                            Distributors</label>
                                                        <input type="text" class="form-control"
                                                            id="authorized_distributors_x"
                                                            placeholder="Enter Authorized Distributors"
                                                            name="authorized_distributors">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="partner_discount" class="form-label">Partner
                                                            Discount</label>
                                                        <input type="text" class="form-control"
                                                            id="partner_discount_x" placeholder="Enter Partner Discount"
                                                            name="partner_discount">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="deal_registration_discount" class="form-label">Deal
                                                            Registration Discount</label>
                                                        <input type="text" class="form-control"
                                                            id="deal_registration_discount_x"
                                                            placeholder="Enter Deal Registration Discount"
                                                            name="deal_registration_discount">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="incumbency_discount" class="form-label">Incumbency
                                                            Discount</label>
                                                        <input type="text" class="form-control"
                                                            id="incumbency_discount_x"
                                                            placeholder="Enter Incumbency Discount"
                                                            name="incumbency_discount">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="reseller_agreement_date" class="form-label">Reseller
                                                            Agreement
                                                            Date</label>
                                                        <input type="text" class="form-control"
                                                            id="reseller_agreement_date_x"
                                                            placeholder="Enter Reseller Agreement Date"
                                                            name="reseller_agreement_date">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="partnership_exp_date" class="form-label">Partnership
                                                            EXP
                                                            Date</label>
                                                        <input type="text" class="form-control"
                                                            id="partnership_exp_date_x"
                                                            placeholder="Enter Partnership EXP Date"
                                                            name="partnership_exp_date">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="additional_details" class="form-label">Additional
                                                            Details</label>
                                                        <input type="text" class="form-control"
                                                            id="additional_details_x"
                                                            placeholder="Enter Additional Details"
                                                            name="additional_details">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="level_up_requirements" class="form-label">Level Up
                                                            Requirements</label>
                                                        <input type="text" class="form-control"
                                                            id="level_up_requirements_x"
                                                            placeholder="Enter Level Up Requirements"
                                                            name="level_up_requirements">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="certification_required"
                                                            class="form-label">Certification
                                                            Required</label>
                                                        <input type="text" class="form-control"
                                                            id="certification_required_x"
                                                            placeholder="Enter Certification Required"
                                                            name="certification_required">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="partner_locator" class="form-label">Partner
                                                            Locator</label>
                                                        <input type="text" class="form-control" id="partner_locator_x"
                                                            placeholder="Enter Partner Locator" name="partner_locator">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="rebates" class="form-label">Rebates</label>
                                                        <input type="text" class="form-control" id="rebates_x"
                                                            placeholder="Enter Rebates" name="rebates">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="last_updated" class="form-label">Last Updated</label>
                                                        <input type="text" class="form-control" id="last_updated_x"
                                                            placeholder="Last Updated" name="last_updated">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="update_progress" class="form-label">Update
                                                            Progress</label>
                                                        <input type="text" class="form-control" id="update_progress_x"
                                                            placeholder="Enter Update Progress" name="update_progress">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="website_link" class="form-label">Website Link</label>
                                                        <input type="text" class="form-control" id="website_link_x"
                                                            placeholder="Enter Vendor" name="website_link">
                                                    </div>
                                                    <div class="mb-3">
                                                        <label for="file" class="form-label">Upload File</label>
                                                        <input type="file" class="form-control" id="file"
                                                            name="file" accept=".xlsx,.xls,.doc,.docx,.pdf">
                                                    </div>
                                                    <!-- Add other fields as needed -->
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary"
                                                    data-bs-dismiss="modal">Cancel</button>
                                                <button type="submit" class="btn btn-primary">Save Changes</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script>
            $(document).ready(function() {
                $('#example2').DataTable({
                    processing: true,
                    serverSide: true,
                    ajax: {
                        url: '{{ route('linecard') }}',
                        type: 'GET'
                    },
                    columns: [{
                            data: 'vendor',
                            name: 'vendor'
                        },
                        {
                            data: 'mfr_pub',
                            name: 'mfr_pub'
                        },
                        {
                            data: 'authorization',
                            name: 'authorization'
                        },
                        {
                            data: 'partnership_level',
                            name: 'partnership_level'
                        },
                        {
                            data: 'partner_id',
                            name: 'partner_id'
                        },
                        {
                            data: 'vcloud_partner_locator',
                            name: 'vcloud_partner_locator'
                        },
                        {
                            data: 'partnership_type',
                            name: 'partnership_type'
                        },
                        {
                            data: 'loa',
                            name: 'loa'
                        },
                        {
                            data: 'category',
                            name: 'category'
                        },
                        {
                            data: 'sub_category',
                            name: 'sub_category'
                        },
                        {
                            data: 'category_details',
                            name: 'category_details'
                        },
                        {
                            data: 'poc_name',
                            name: 'poc_name'
                        },
                        {
                            data: 'poc_title',
                            name: 'poc_title'
                        },
                        {
                            data: 'poc_phone',
                            name: 'poc_phone'
                        },
                        {
                            data: 'poc_email',
                            name: 'poc_email'
                        },
                        {
                            data: 'authorized_distributors',
                            name: 'authorized_distributors'
                        },
                        {
                            data: 'partner_discount',
                            name: 'partner_discount'
                        },
                        {
                            data: 'deal_registration_discount',
                            name: 'deal_registration_discount'
                        },
                        {
                            data: 'incumbency_discount',
                            name: 'incumbency_discount'
                        },
                        {
                            data: 'reseller_agreement_date',
                            name: 'reseller_agreement_date'
                        },
                        {
                            data: 'partnership_exp_date',
                            name: 'partnership_exp_date'
                        },
                        {
                            data: 'additional_details',
                            name: 'additional_details'
                        },
                        {
                            data: 'level_up_requirements',
                            name: 'level_up_requirements'
                        },
                        {
                            data: 'certification_required',
                            name: 'certification_required'
                        },
                        {
                            data: 'partner_locator',
                            name: 'partner_locator'
                        },
                        {
                            data: 'rebates',
                            name: 'rebates'
                        },
                        {
                            data: 'last_updated',
                            name: 'last_updated'
                        },
                        {
                            data: 'update_progress',
                            name: 'update_progress'
                        },
                        {
                            data: 'website_link',
                            name: 'website_link'
                        },
                        {
                            data: 'file_path',
                            name: 'file_path',
                            orderable: false,
                            searchable: false,
                            render: function(data, type, row) {
                                if (data) {
                                    // Create the correct file download URL
                                    return `<a href="{{ asset('storage') }}/${data}" download>${row.original_file_name}</a>`;
                                } else {
                                    return 'N/A';
                                }
                            }
                        },
                        {
                            data: 'id',
                            render: function(data, type, row) {
                                return `
                                    <button class="btn btn-sm btn-primary edit-btn" data-id="${data}" data-bs-toggle="modal" data-bs-target="#editModal">
                                        Edit
                                    </button>
                                `;
                            },
                            orderable: false,
                            searchable: false
                        }
                    ],
                    lengthChange: false,
                    buttons: ['copy', 'excel', 'pdf', 'print'],
                    sorting: true,
                });
            });
            $(document).on('click', '.edit-btn', function() {
                const id = $(this).data('id');

                // Fetch data from the server
                $.ajax({
                    url: `/linecard_edit/${id}`, // Adjust route as needed
                    method: 'GET', // or POST if needed
                    success: function(data) {
                        // Check for success and then populate the modal
                        if (data.success) {
                            const partner = data.updated_partner;
                            // console.log(partner);
                            // console.log(data);

                            // Populate the form fields with the retrieved data
                            $('#id').val(partner.id);
                            $('#last_updated_x').val(partner.last_updated);
                            $('#update_progress_x').val(partner.update_progress);
                            $('#website_link_x').val(partner.website_link);
                            $('#vendor_x').val(partner.vendor);
                            $('#mfr_pub_x').val(partner.mfr_pub);
                            $('#authorization_x').val(partner.authorization);
                            $('#partnership_level_x').val(partner.partnership_level);
                            $('#partner_id_x').val(partner.partner_id);
                            $('#vcloud_partner_locator_x').val(partner.vcloud_partner_locator);
                            $('#partnership_type_x').val(partner.partnership_type);
                            $('#loa_x').val(partner.loa);
                            $('#category_x').val(partner.category);
                            $('#sub_category_x').val(partner.sub_category);
                            $('#category_details_x').val(partner.category_details);
                            $('#poc_name_x').val(partner.poc_name);
                            $('#poc_title_x').val(partner.poc_title);
                            $('#poc_phone_x').val(partner.poc_phone);
                            $('#poc_email_x').val(partner.poc_email);
                            $('#partner_portal_link_x').val(partner.partner_portal_link);
                            $('#admin_login_x').val(partner.admin_login);
                            $('#password_x').val(partner.password);
                            $('#authorized_distributors_x').val(partner.authorized_distributors);
                            $('#partner_discount_x').val(partner.partner_discount);
                            $('#deal_registration_discount_x').val(partner.deal_registration_discount);
                            $('#incumbency_discount_x').val(partner.incumbency_discount);
                            $('#reseller_agreement_date_x').val(partner.reseller_agreement_date);
                            $('#partnership_exp_date_x').val(partner.partnership_exp_date);
                            $('#additional_details_x').val(partner.additional_details);
                            $('#level_up_requirements_x').val(partner.level_up_requirements);
                            $('#certification_required_x').val(partner.certification_required);
                            $('#partner_locator_x').val(partner.partner_locator);
                            $('#rebates_x').val(partner.rebates);

                            // Populate the file path if available
                            if (partner.file_path) {
                                $('#file_path_display').text(partner
                                    .original_file_name); // Assuming a span with id "file_path_display"
                                $('#file_link').attr('href',
                                    `/storage/${partner.file_path}`
                                ); // Assuming an anchor tag for file download
                            } else {
                                $('#file_path_display').text('No file uploaded');
                                $('#file_link').attr('href', '#');
                            }


                            // Update the form action URL for submitting the update
                            $('#editForm').attr('action', `/linecard_edit/${id}`);
                        } else {
                            alert('Failed to fetch partner data.');
                        }
                    },
                    error: function() {
                        alert('Failed to fetch partner data.');
                    }
                });
            });

            $('#editForm').on('submit', function(e) {
                e.preventDefault();

                const id = $('#id').val();
                // console.log(id);
                const formData = new FormData(this); // To handle file uploads

                $.ajax({
                    url: `/linecard_update/${id}`, // Same route for update
                    method: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {
                        if (data.success) {
                            // Update DataTable or DOM with the new data
                            $('#example2').DataTable().ajax.reload();

                            // Close the modal
                            $('#editModal').modal('hide');
                            alert('Partner updated successfully!');
                        } else {
                            alert('Error updating partner.');
                        }
                    },
                    error: function() {
                        alert('Error updating partner.');
                    }
                });
            });
        </script>
    @endif
@endsection