@extends('layouts.app', ['module' => 'Bekleyen Teklifler', 'moduleTitle' => 'Bekleyen 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">Toplam Fiyat</th>
                        <th scope="col">Onay</th>
                        <th scope="col">Düzenle</th>
                        <th scope="col">Görüntüle</th>
                        <th scope="col">İptal Et</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', 'pending') }}",
            },
            columns: [{
                    data: 'id'
                },
                {
                    data: 'customer'
                },
                {
                    data: 'customer_name'
                },
                {
                    data: 'phone'
                },
                {
                    data: 'created_date'
                },
                {
                    data: 'due_date'
                },
                {
                    data: 'geneltoplam'
                },
                {
                    data: 'approve'
                },
                {
                    data: 'edit'
                },
                {
                    data: 'showpdf'
                },
                {
                    data: 'cancel'
                },
                {
                    data: 'deleteoffer'
                },

            ],

            columnDefs: [{
                targets: 0,
        orderable: false,
        render: function(data, type, row) {
            let odemeStatus = row.odeme == 2 ? "(Ödeme Onayı Bekliyor)" : "";
            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} ${odemeStatus}
                    </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',
                    odeme:'1'
                },
                url: "{{ route('updateoffer') }}",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf_token]').attr('content')
                },
                success: function(result) {
                    if (result.status === true) {
                        toastr.success("Teklif Onaylandı.");

                        setTimeout(function() {
                            window.location.reload();
                        }, 1500);
                    } else {
                        toastr.warning(result.error);
                    }
                },
                error: function() {
                    toastr.error("Bağlantı Hatası! Tekrar Deneyin.");
                }
            });
        }
  
        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) {
            $.ajax({
                method: 'POST',
                dataType: 'json',
                data: {
                    id: id,
                    "_token": "{{ csrf_token() }}"
                },
                url: "{{ route('deleteoffer') }}",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf_token]').attr('content')
                },
                success: function(result) {
                    if (result.status === true) {
                        toastr.success("Teklif başarıyla silindi.");

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