@extends('backend.layouts.master')
@section('title')
    <title>Ödeme İşlemleri</title>
@endsection
@section('breadcrumb')
    <div class="subheader py-2 py-lg-4 subheader-solid" id="kt_subheader">
        <div class="container-fluid d-flex align-items-center justify-content-between flex-wrap flex-sm-nowrap">
            <!--begin::Info-->
            <div class="d-flex align-items-center flex-wrap mr-2">
                <h6 class="text-dark font-weight-bold my-1 mr-5">
                Geciken Ödemeler
             </h6>
            </div>
            <div class="d-flex align-items-center">
            </div>
        </div>
    </div>
@endsection
@section('content')
    <div class="d-flex flex-column-fluid" style="min-height: 400px;">
        <div class="container">
            <div class="row">

                <div class="col-xl-12">
                    <!--begin::Nav Panel Widget 1-->
                    <div class="card card-custom gutter-b">
                        <div class="card-body">
                            <div class="row">
                            <div class="col-xl-3">
                                <!--begin::Stats Widget 31-->
                                <div class="card card-custom bg-info card-stretch gutter-b">
                                    <!--begin::Body-->
                                    <div class="card-body">
                                        <span class="svg-icon svg-icon-2x svg-icon-white">
                                            <!--begin::Svg Icon | path:assets/media/svg/icons/Media/Equalizer.svg-->
                                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                                                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                    <rect x="0" y="0" width="24" height="24"></rect>
                                                    <rect fill="#000000" opacity="0.3" x="13" y="4" width="3" height="16" rx="1.5"></rect>
                                                    <rect fill="#000000" x="8" y="9" width="3" height="11" rx="1.5"></rect>
                                                    <rect fill="#000000" x="18" y="11" width="3" height="9" rx="1.5"></rect>
                                                    <rect fill="#000000" x="3" y="13" width="3" height="7" rx="1.5"></rect>
                                                </g>
                                            </svg>
                                            <!--end::Svg Icon-->
                                        </span>
                                        <span class="card-title font-weight-bolder text-white font-size-h2 mb-0 mt-6 d-block">
                                            @php  $tot_price=0; @endphp
                                            @foreach($monthly_get as $monthly)
                                                @if($monthly->isActive=="true")
                                                @php $tot_price = $monthly->month_price+$tot_price; @endphp
                                                @endif
                                            @endforeach
                                            {{ $tl_formati = number_format($tot_price, 2, ',', '.').' TL' }}
                                        </span>
                                        <span class="font-weight-bold text-white font-size-sm">Toplam Geciken Ödeme</span>
                                    </div>
                                    <!--end::Body-->
                                </div>
                                <!--end::Stats Widget 31-->
                            </div>
                            <div class="col-xl-3">
                                <!--begin::Stats Widget 31-->
                                <div class="card card-custom bg-danger card-stretch gutter-b">
                                    <!--begin::Body-->
                                    <div class="card-body">
                                        <span class="svg-icon svg-icon-2x svg-icon-white">
                                            <!--begin::Svg Icon | path:assets/media/svg/icons/Media/Equalizer.svg-->
                                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                                                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                    <rect x="0" y="0" width="24" height="24"></rect>
                                                    <rect fill="#000000" opacity="0.3" x="13" y="4" width="3" height="16" rx="1.5"></rect>
                                                    <rect fill="#000000" x="8" y="9" width="3" height="11" rx="1.5"></rect>
                                                    <rect fill="#000000" x="18" y="11" width="3" height="9" rx="1.5"></rect>
                                                    <rect fill="#000000" x="3" y="13" width="3" height="7" rx="1.5"></rect>
                                                </g>
                                            </svg>
                                            <!--end::Svg Icon-->
                                        </span>
                                        <span class="card-title font-weight-bolder text-white font-size-h2 mb-0 mt-6 d-block">
                                            @php  $tot_price=0; @endphp
                                            @foreach($monthly_get as $monthly)
                                                @if($monthly->isActive=="true")
                                                @php $tot_price++@endphp
                                                @endif
                                            @endforeach
                                            {{ @$tot_price }}
                                        </span>
                                        <span class="font-weight-bold text-white font-size-sm">Geçiken Cari Adeti</span>
                                    </div>
                                    <!--end::Body-->
                                </div>
                                <!--end::Stats Widget 31-->
                            </div>

                            </div>
                        </div>
                    </div>
                    <!--begin::Nav Panel Widget 1-->
                </div>
            </div>
            <div class="row">
                <div class="card card-custom gutter-b col-12">
                    <div class="card-body py-0">
                        <!--begin::Table-->
                        <div class="table-responsive">
                            <table class="table table-head-custom table-vertical-center" id="kt_advance_table_widget_3">
                                <thead>
                                    <tr class="text-left text-uppercase">
                                        <th style="min-width: 150px">Son Ödeme Tarihi</th>
                                        <th style="min-width: 150px">Taksit Ücreti</th>
                                        <th style="min-width: 150px">Cari Adı</th>
                                        <th style="min-width: 150px">Öğrenci Adı</th>
                                        <th style="min-width: 150px">Telefon</th>
                                        <th class="text-info" style="min-width: 50px">Durum</th>
                                        <th class="pr-0 text-right">İşlemler</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($monthly_accounting as $monthly)
                                        <tr id="item-{{$monthly->id}}">
                                            <td class="pl-0">
                                                <div class="symbol symbol-50 symbol-light mt-1" title=" {{$monthly->payment_date->diffForHumans() }}">
                                               {{$monthly->payment_date->format('d-m-Y') }}
                                                </div>
                                            </td>
                                            <td>
                                                {{ $tl_formati = number_format($monthly->month_price, 2, ',', '.').' TL' }}
                                            </td>
                                            <td>
                                                {{ $monthly->accounting_info->title }}
                                            </td>
                                            <td>
                                                {{ $monthly->accounting_info->student_detail->first_name.' '.$monthly->accounting_info->student_detail->last_name }}
                                            </td>
                                            <td>
                                                {{ $monthly->accounting_info->student_detail_find->phone}}
                                            </td>
                                            <td>
                                                <span class="text-dark-75 font-weight-bolder d-block font-size-lg">
                                                    <span class=" label-light">
                                                        @if($monthly->isActive=="false")
                                                        <span class="label label-lg label-light-primary label-inline mt-lg-0 mb-lg-0 my-2 font-weight-bold py-4">
                                                        @else
                                                        <span class="label label-lg label-light-danger label-inline mt-lg-0 mb-lg-0 my-2 font-weight-bold py-4">
                                                        @endif
                                                        {{$monthly->payment_type }}
                                                        </span>

                                                    </span>
                                                </span>
                                            </td>
                                            <td class="text-right pr-0" >
                                                @if($monthly->isActive=="true")
                                                <a href="#" id="{{ $monthly->id }}"class="btn btn-primary payment_add  font-weight-bolder font-size-sm mr-10">
                                                    <span class="svg-icon svg-icon-md svg-icon-white" >
                                                        <!--begin::Svg Icon | path:/metronic/theme/html/demo1/dist/assets/media/svg/icons/Communication/Add-accounting.svg-->
                                                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                                            width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                                                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                                <rect x="0" y="0" width="24" height="24"/>
                                                                <path d="M2,6 L21,6 C21.5522847,6 22,6.44771525 22,7 L22,17 C22,17.5522847 21.5522847,18 21,18 L2,18 C1.44771525,18 1,17.5522847 1,17 L1,7 C1,6.44771525 1.44771525,6 2,6 Z M11.5,16 C13.709139,16 15.5,14.209139 15.5,12 C15.5,9.790861 13.709139,8 11.5,8 C9.290861,8 7.5,9.790861 7.5,12 C7.5,14.209139 9.290861,16 11.5,16 Z" fill="#000000" opacity="0.3" transform="translate(11.500000, 12.000000) rotate(-345.000000) translate(-11.500000, -12.000000) "/>
                                                                <path d="M2,6 L21,6 C21.5522847,6 22,6.44771525 22,7 L22,17 C22,17.5522847 21.5522847,18 21,18 L2,18 C1.44771525,18 1,17.5522847 1,17 L1,7 C1,6.44771525 1.44771525,6 2,6 Z M11.5,16 C13.709139,16 15.5,14.209139 15.5,12 C15.5,9.790861 13.709139,8 11.5,8 C9.290861,8 7.5,9.790861 7.5,12 C7.5,14.209139 9.290861,16 11.5,16 Z M11.5,14 C12.6045695,14 13.5,13.1045695 13.5,12 C13.5,10.8954305 12.6045695,10 11.5,10 C10.3954305,10 9.5,10.8954305 9.5,12 C9.5,13.1045695 10.3954305,14 11.5,14 Z" fill="#000000"/>
                                                            </g>
                                                        </svg>
                                                        <!--end::Svg Icon-->
                                                    </span>Ödeme Yap</a>
                                                    @endif
                                                <a href="#" id="{{ $monthly->id }}"
                                                    class="btn btn-icon btn-light btn-hover-primary btn-sm deleteclick mr-5">
                                                    <span class="svg-icon svg-icon-md svg-icon-primary">
                                                        <!--begin::Svg Icon | path:/metronic/theme/html/demo1/dist/assets/media/svg/icons/General/Trash.svg-->
                                                        <svg xmlns="http://www.w3.org/2000/svg"
                                                            xmlns:xlink="http://www.w3.org/1999/xlink" width="24px"
                                                            height="24px" viewBox="0 0 24 24" version="1.1">
                                                            <g stroke="none" stroke-width="1" fill="none"
                                                                fill-rule="evenodd">
                                                                <rect x="0" y="0" width="24" height="24"></rect>
                                                                <path
                                                                    d="M6,8 L6,20.5 C6,21.3284271 6.67157288,22 7.5,22 L16.5,22 C17.3284271,22 18,21.3284271 18,20.5 L18,8 L6,8 Z"
                                                                    fill="#000000" fill-rule="nonzero"></path>
                                                                <path
                                                                    d="M14,4.5 L14,4 C14,3.44771525 13.5522847,3 13,3 L11,3 C10.4477153,3 10,3.44771525 10,4 L10,4.5 L5.5,4.5 C5.22385763,4.5 5,4.72385763 5,5 L5,5.5 C5,5.77614237 5.22385763,6 5.5,6 L18.5,6 C18.7761424,6 19,5.77614237 19,5.5 L19,5 C19,4.72385763 18.7761424,4.5 18.5,4.5 L14,4.5 Z"
                                                                    fill="#000000" opacity="0.3"></path>
                                                            </g>
                                                        </svg>
                                                        <!--end::Svg Icon-->
                                                    </span>
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <div class="d-flex flex-wrap py-2 mr-3">
                                {{ $monthly_accounting->links() }}
                            </div>
                        </div>
                        <!--end::Table-->
                    </div>
                    <!--end::Body-->
                </div>
            </div>
        </div>
    </div>
    @endsection
    @section('css')
        <link rel="stylesheet" href="http://cdn.bootcss.com/toastr.js/latest/css/toastr.min.css">
    @endsection
    @section('js')
        <script>

            $.ajaxSetup({

                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

                }

            });
            $(".deleteclick").click(function() {
                destroy_id = $(this).attr('id');
                Swal.fire({
                    title: 'Bu işlem için Eminmisiniz ?',
                    text: "Bu işlem geri alınamaz ve veritabanından silinir.",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Evet, Eminim',
                    cancelButtonText: 'Vazgeç'
                }).then((result) => {
                    if (result.isConfirmed) {

                        $.ajax({
                            type: "GET",
                            url: '/admin/accounting/delete_month/' + destroy_id,
                            success: function(msg) {
                                if (msg) {
                                    $("#item-" + destroy_id).remove();
                                    Swal.fire(
                                        'Silindi!',
                                        'İşleminiz Başarılı Bir Şekilde Gerçekleştirildi.',
                                        'success'
                                    );
                                    setTimeout(function(){
                                    window.location.reload(1);
                                    }, 1000);
                                } else {
                                    Swal.fire(
                                        'Başarısız İşlem!',
                                        'Lütfen Sayfayı Yenileyip Tekrar Deneyin !!!',
                                        'error'
                                    );
                                    setTimeout(function(){
                                    window.location.reload(1);
                                    }, 1000);
                                }
                            }
                        });


                    }
                });
            });
            $(".payment_add").click(function() {
                account_id = $(this).attr('id');
                Swal.fire({
                    title: 'Ödeme Yapılıyor...',
                    text: "Bu işlemin Ödeme Türü Nedir?",
                    icon: 'info',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#5230978f',
                    confirmButtonText: 'Nakit',
                    cancelButtonText: 'Kredi Kartı'
                }).then((result) => {
                    console.log(result);
                    if (result.isConfirmed) {
                        $.ajax({
                            type: "PUT",
                            url: "{{ route('accounting.monthly_update') }}",
                            data: {account_id:account_id,payment_type:'Nakit'},
                            success: function(msg) {
                                if (msg) {
                                    Swal.fire(
                                        'Ödeme Alındı!',
                                        'İşleminiz Başarılı Bir Şekilde Gerçekleştirildi.',
                                        'success'
                                    );
                                    setTimeout(function(){
                                    window.location.reload(1);
                                    }, 1000);
                                }
                            }
                        });

                    }else{
                        $.ajax({
                            type: "POST",
                            url: "{{ route('accounting.monthly_update') }}",
                            data: {_token:'{{ csrf_field() }}',account_id:account_id,payment_type:'Kredi Kartı'},
                            success: function(msg) {
                                if (msg) {
                                    Swal.fire(
                                        'Ödeme Alındı!',
                                        'İşleminiz Başarılı Bir Şekilde Gerçekleştirildi.',
                                        'success'
                                    );
                                    setTimeout(function(){
                                    window.location.reload(1);
                                    }, 1000);
                                }
                            }
                        });
                    }
                });
            });

        </script>
    @endsection