@extends('layouts.app')
@section('content')

<!-- PAGE-HEADER -->
<div class="page-header">
    <div>
        <h1>TCO <small>List & Management</small></h1>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="#">Home</a></li>
            <li class="breadcrumb-item active" aria-current="page">Dashboard</li>
        </ol>
    </div>
</div>

<div class="content mt-3">
    <div class="card">
        <div class="card-body">
            <table class="table table-bordered table-hover data-table" width="100%">
                <thead>
                    <tr>
                        <th>Sr.</th>
                        <th>Site Title</th>
                        <th>Price</th>
                        <th width="180px">Action</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>

@stop

@section('scripting')

<script type="text/javascript">
    $(document).ready(function() {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        var table = $('.data-table').DataTable({
            processing: true,
            serverSide: true,
            ajax: "{{ url('getTcoListData') }}",
            columns: [
                {data: 'DT_RowIndex', name: 'DT_RowIndex'},
                {data: 'lead_title', name: 'lead_title'},
                {data: 'price', name: 'price'},
                {data: 'action', name: 'action', orderable: false, searchable: false},
            ],
            language: {
                search: "_INPUT_",
                searchPlaceholder: "Search leads",
            }
        });

        $('body').on('click', '.editTco', function () {
            var tco_id = $(this).data('id');
            // Fetch and handle edit logic
        });

        $('body').on('click', '.deleteTco', function () {
            var tco_id = $(this).data('id');
            if (confirm("Are you sure you want to delete this TCO?")) {
                $.ajax({
                    type: "DELETE",
                    url: "{{ url('tco/delete') }}/" + tco_id,
                    success: function (data) {
                        table.draw();
                        alert("TCO deleted successfully!");
                    },
                    error: function (data) {
                        console.log('Error:', data);
                    }
                });
            }
        });
    });
</script>
@stop