@extends('layouts.app', ['module' => 'Onaylanan Teklifler', 'moduleTitle' => 'Onaylanan 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">Geçerlilik Tarihi</th>
                        <th scope="col">Onay Tarihi</th>
                        <th scope="col">Toplam Fiyat</th>
                        <th scope="col">Görüntüle</th>
                        <th scope="col">İptal Et</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', 'approval') }}",
            },
            columns: [{
                    data: 'id'
                },
                {
                    data: 'customer'
                },
                {
                    data: 'customer_name'
                },
                {
                    data: 'phone'
                },
                {
                    data: 'created_date'
                },
                {
                    data: 'due_date'
                },
                {
                    data: 'approval_date'
                },
                {
                    data: 'geneltoplam'
                },
                {
                    data: 'showpdf'
                },
                {
                    data: 'cancel'
                },
            ],

            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: 7,
                    data: null,
                    render: function(data, type, row) {
                        return `${data} ₺
                        `;
                    },
                },
            ],
        });
        function offerCancel(id) {
            $.ajax({
                method: 'POST',
                dataType: 'json',
                data: {
                    id: id,
                    "_token": "{{ csrf_token() }}",
                    status: 'canceled'
                },
                url: "{{ route('updateoffer') }}",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf_token]').attr('content')
                },
                success: function(result) {
                    if (result.status === true) {
                        toastr.success("Teklif iptal edildi.");

                        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