@extends('layouts.simple.master')

@section('main_content')
@include('operations.auditoria.navigation_comercial')
<div class="container-fluid">
    <h4>Pending Offers Without Kanboard Tasks</h4>
    <div class="table-responsive">
        <table class="table">
            <thead>
                <tr>
                    <th>Código Proyecto</th>
                    <th>Cliente</th>
                    <th>Fecha Presentación</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach($offers as $offer)
                <tr>
                    <td>{{ $offer->codigo_proyecto }}</td>
                    <td>{{ $offer->cliente }}</td>
                    <td>{{ $offer->fecha_presentacion }}</td>
                    <td>
                        <button class="btn btn-primary btn-sm sync-btn" 
                                data-offer-id="{{ $offer->id }}">
                            Create Task
                        </button>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>

@push('scripts')
<script>
$(document).ready(function() {
    $('.sync-btn').click(function() {
        const offerId = $(this).data('offer-id');
        const button = $(this);
        
        $.ajax({
            url: '{{ route("operations.auditoria.kanboard.create-task") }}',
            method: 'POST',
            data: {
                offer_id: offerId,
                _token: '{{ csrf_token() }}'
            },
            success: function(response) {
                if(response.success) {
                    button.prop('disabled', true).text('Created');
                    location.reload();
                }
            }
        });
    });
});
</script>
@endpush
@endsection