@extends('backend.layouts.master')
@section('title')
    <title>Ödeme İşlemleri | {{ $accountings->title }}</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">
                Cari Başlık :
                    <span class="label label-lg label-light-primary label-inline mt-lg-0 mb-lg-0 my-2 font-weight-bold py-4">
                         {{ $accountings->title }}</span>
                Öğrenci Adı :
                <span class="label label-lg label-light-primary label-inline mt-lg-0 mb-lg-0 my-2 font-weight-bold py-4">
                    {{ $accountings->student_detail->first_name }}  {{ $accountings->student_detail->last_name }}
                </span>
                Yetkili Adı :

                <span class="label label-lg label-light-primary label-inline mt-lg-0 mb-lg-0 my-2 font-weight-bold py-4">
                    {{ $accountings->userdetay->first_name }}  {{ $accountings->userdetay->last_name }}
                </span>
             </h6>
            </div>
            <div class="d-flex align-items-center">

                <a href="{{route('accounting.edit',$accountings->id)}}"  class="btn btn-info font-weight-bolder font-size-sm ml-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-department.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="M21.4451171,17.7910156 C21.4451171,16.9707031 21.6208984,13.7333984 19.0671874,11.1650391 C17.3484374,9.43652344 14.7761718,9.13671875 11.6999999,9 L11.6999999,4.69307548 C11.6999999,4.27886191 11.3642135,3.94307548 10.9499999,3.94307548 C10.7636897,3.94307548 10.584049,4.01242035 10.4460626,4.13760526 L3.30599678,10.6152626 C2.99921905,10.8935795 2.976147,11.3678924 3.2544639,11.6746702 C3.26907199,11.6907721 3.28437331,11.7062312 3.30032452,11.7210037 L10.4403903,18.333467 C10.7442966,18.6149166 11.2188212,18.596712 11.5002708,18.2928057 C11.628669,18.1541628 11.6999999,17.9721616 11.6999999,17.7831961 L11.6999999,13.5 C13.6531249,13.5537109 15.0443703,13.6779456 16.3083984,14.0800781 C18.1284272,14.6590944 19.5349747,16.3018455 20.5280411,19.0083314 L20.5280247,19.0083374 C20.6363903,19.3036749 20.9175496,19.5 21.2321404,19.5 L21.4499999,19.5 C21.4499999,19.0068359 21.4451171,18.2255859 21.4451171,17.7910156 Z" fill="#000000" fill-rule="nonzero"/>
                            </g>
                        </svg>
                        <!--end::Svg Icon-->
                    </span>Geri Dön</a>
            </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">Ödeme Tarihi</th>
                                        <th style="min-width: 150px">Taksit Ücreti</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>
                                                <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: "POST",
                            url: "{{ route('accounting.monthly_update') }}",
                            data: {_token:'{{ csrf_field() }}',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