@include('admin.layouts.header')
@include('admin.layouts.sidebar')
<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    Odoo Sync
                </h3>
            </div>
        </div>
    </div>
    <div class="m-content">
        <div class="m-portlet m-portlet--mobile">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <h3 class="m-portlet__head-text">
                            Partners
                        </h3>
                    </div>
                </div>
            </div>
            <div class="m-portlet__body">
                <!-- Date Filters -->
                <form method="GET" action="{{ url('/admin/odoo') }}" class="mb-4">
                    <div class="row">
                        <div class="col-md-3">
                            <label>From Date</label>
                            <input type="date" class="form-control" name="from_date" value="{{ $fromDate ?? '' }}">
                        </div>
                        <div class="col-md-3">
                            <label>To Date</label>
                            <input type="date" class="form-control" name="to_date" value="{{ $toDate ?? '' }}">
                        </div>
                        <div class="col-md-4" style="margin-top: 28px;">
                            <button type="submit" class="btn btn-primary">Filter</button>
                            <a href="{{ url('/admin/odoo') }}" class="btn btn-secondary">Reset</a>
                        </div>
                    </div>
                </form>

                <!-- Data Table -->
                <div class="table-responsive">
                    <table class="table table-striped table-bordered table-hover table-checkable">
                        <thead>
                            <tr>
                                <th>Partner ID</th>
                                <th>Name</th>
                                <th>Parent Partner</th>
                                <th>Company Type</th>
                                <th>Odoo Status</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($partners as $partner)
                                <tr>
                                    <td>{{ strtoupper(substr(trim($partner->name), 0, 3)) . '-' . $partner->id }}</td>
                                    <td>
                                        {{ $partner->name }}
                                        @if($partner->sub_partner_id)
                                            <br><span class="m-badge m-badge--info m-badge--wide" style="margin-top:5px;">Sub Partner</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($partner->parent)
                                            {{ $partner->parent->name }} <br><small class="text-muted">(ID: {{ $partner->parent->id }})</small>
                                        @else
                                            <span class="text-muted">None (Main Partner)</span>
                                        @endif
                                    </td>
                                    <td>{{ $partner->company_type ?? '—' }}</td>
                                    <td>
                                        @php
                                            $odoo = $partner->odooDetail;
                                        @endphp
                                        @if($odoo)
                                            @if($odoo->status === 'success' || $odoo->status === 'Customer already exists')
                                                <span class="m-badge m-badge--success m-badge--wide">{{ $odoo->status }}</span>
                                            @else
                                                <span class="m-badge m-badge--danger m-badge--wide" title="{{ $odoo->api_response }}">Failed</span>
                                            @endif
                                        @else
                                            <span class="m-badge m-badge--secondary m-badge--wide">Pending</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if(isset($partner->odooDetail) && $partner->odooDetail->status === 'success')
                                            <span class="text-success"><i class="la la-check"></i> Synced</span>
                                        @elseif(isset($partner->odooDetail) && $partner->odooDetail->status === 'Customer already exists')
                                            <span class="text-warning"><i class="la la-check"></i> Already Exists</span>
                                        @else
                                            @if(!$partner->sub_partner_id && $partner->children->count() == 0)
                                                <button class="btn btn-sm btn-secondary" disabled>
                                                    <i class="la la-ban"></i> No Sub Partner
                                                </button>
                                            @else
                                                <button class="btn btn-sm btn-info btn-create-odoo" data-id="{{ $partner->id }}">
                                                    <i class="la la-cog"></i> Create Customer
                                                </button>
                                            @endif
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="text-center">No partners found.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                <div class="mt-3">
                    {{ $partners->appends(request()->query())->links() }}
                </div>
            </div>
        </div>
    </div>
</div>

@include("admin.layouts.footer")

<script>
    $(document).ready(function() {
        $('.btn-create-odoo').on('click', function(e) {
            e.preventDefault();
            var partnerId = $(this).data('id');
            var btn = $(this);
            
            // Add loading state
            btn.addClass('m-loader m-loader--right m-loader--light').attr('disabled', true);
            
            $.ajax({
                url: '/admin/odoo/create_customer',
                type: 'GET',
                data: { partner_id: partnerId },
                success: function(response) {
                    alert('Customer successfully synced with Odoo for Partner ' + partnerId);
                    btn.removeClass('btn-info m-loader m-loader--right m-loader--light')
                       .addClass('btn-success')
                       .html('<i class="la la-check"></i> Synced');
                    
                    location.reload();
                },
                error: function(xhr) {
                    var errorMsg = 'Failed to sync with Odoo';
                    if (xhr.responseJSON) {
                        if (xhr.responseJSON.error && xhr.responseJSON.error.message) {
                            errorMsg = xhr.responseJSON.error.message;
                        } else if (xhr.responseJSON.message) {
                            errorMsg = xhr.responseJSON.message;
                        } else if (xhr.responseJSON.error) {
                            errorMsg = JSON.stringify(xhr.responseJSON.error);
                        }
                    }
                    
                    alert('Error: ' + errorMsg);
                    btn.removeClass('m-loader m-loader--right m-loader--light').attr('disabled', false);
                }
            });
        });
    });
</script>