@extends('layouts.app', ['module' => 'İptal Olan Teklifler', 'moduleTitle' => 'İptal Olan Teklifler'])
@section('bodyClass', 'dashboard-main')
@section('styles')
    <style>
        .dt-type-numeric {
            text-align: left !important;
        }

        div.dt-container .dt-paging .dt-paging-button {
            width: auto;
        }
    </style>
@endsection
@section('content')
    <div class="card basic-data-table">
        <div class="card-header">
            <h5 class="card-title mb-0">Teklifler</h5>
        </div>
        <div class="card-body">
            <table class="table bordered-table mb-0" id="dataTable" data-page-length='10'>
                <thead>
                    <tr>
                        <th scope="col">
                            <div class="form-check style-check d-flex align-items-center">
                                <input class="form-check-input" type="checkbox">
                                <label class="form-check-label">
                                    Teklif No
                                </label>
                            </div>
                        </th>
                        <th scope="col">Şirket</th>
                        <th scope="col">Müşteri</th>
                        <th scope="col">Müşteri Telefon</th>
                        <th scope="col">Eklenme Tarihi</th>
                        <th scope="col">İptal Tarihi</th>
                        <th scope="col">Toplam Fiyat</th>
                        <th scope="col">Onay</th>
                        <th scope="col">Görüntüle</th>
                        <th scope="col">Sil</th>
                    </tr>
                </thead>
                <tbody>

                </tbody>
            </table>
        </div>
    </div>

@endsection

@section('scripts')
    <script type="text/javascript">
        let dt = $('#dataTable').DataTable({
            language: {
                url: '{{ asset('assets/js/datatables.tr.json') }}',
            },
            ajax: {
                url: "{{ route('datatable', 'canceled') }}",
            },
            columns: [{
                    data: 'id'
                },
                {
                    data: 'customer'
                },
                {
                    data: 'customer_name'
                },
                {
                    data: 'phone'
                },
                {
                    data: 'created_date'
                },
                {
                    data: 'cancel_date'
                },
                {
                    data: 'geneltoplam'
                },
                {
                    data: 'approve'
                },
                {
                    data: 'showpdf'
                },
                {
                    data: 'deleteoffer'
                },
            ],

            columnDefs: [{
                    targets: 0,
                    orderable: false,
                    render: function(data) {
                        return `
                        <div class="form-check style-check d-flex align-items-center">
                  <input class="form-check-input" type="checkbox" value="${data}">
                  <label class="form-check-label">
                    ${data}
                  </label>
                </div>`;
                    }
                },
                {
                    targets: 6,
                    data: null,
                    render: function(data, type, row) {
                        return `${data} ₺
                        `;
                    },
                },
            ],
        });

            function offerApprove(id) {
                $.ajax({
                    method: 'POST',
                    dataType: 'json',
                    data: {
                        id: id,
                        "_token": "{{ csrf_token() }}",
                        status: 'approval'
                    },
                    url: "{{ route('updateoffer') }}",
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf_token]').attr('content')
                    },
                    success: function(result) {
                        if (result.status === true) {
                            toastr.success("Teklif Başarıyla Onaylandı.");

                            setTimeout(function() {
                                window.location.reload();
                            }, 1500);
                        } else {
                            toastr.warning(result.error);
                        }
                    },
                    error: function() {
                        toastr.error("Bağlantı Hatası! Tekrar Deneyin.");
                    }
                });
            }

        function offerDelete(id) {
            if (confirm("Teklifi silmek istediğinizden emin misiniz?")) { // Kullanıcıdan onay alıyoruz
                $.ajax({
                    method: 'POST',
                    dataType: 'json',
                    data: {
                        id: id,
                        "_token": "{{ csrf_token() }}", // CSRF tokeni ekliyoruz
                    },
                    url: "{{ route('deleteoffer') }}", // Teklif silme işleminin yönlendirileceği URL
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf_token"]').attr('content') // CSRF header'ı da ekliyoruz
                    },
                    success: function(result) {
                        if (result.status === true) {
                            toastr.success("Teklif Başarıyla Silindi.");

                            setTimeout(function() {
                                window.location.reload(); // Sayfa yeniden yüklenecek
                            }, 1500);
                        } else {
                            toastr.warning(result.error); // Hata mesajını göstermek
                        }
                    },
                    error: function() {
                        toastr.error("Bağlantı Hatası! Tekrar Deneyin.");
                    }
                });
            }
        }
    </script>

@endsection