@extends('frontend.'.$temaadi.'.app')
@push("head")
    <title>@if (Auth::check()) {{ Auth::user()->name }} @endif - Profil Bilgileri</title>
    <meta name="description" content="@if (Auth::check()) {{ Auth::user()->name }} @endif - Profil Bilgileri " />
    <meta name="keywords" content="@if (Auth::check()) {{ Auth::user()->name }} @endif profil bilgileri" />
    <meta name="robots" content="noindex,nofollow,noimageindex" />
@endpush
@section("content")
    <section class="single-post-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 pr-0">
                    <ol class="breadcrumb">
                        <li>
                            <a href="{{ url('/') }}">
                                <i class="fa fa-home"></i>
                                Ana Sayfa
                            </a>
                        </li>
                        <li>Abone Profili</li>
                    </ol>
                    <div class="ts-grid-box">
                        <div class="clearfix entry-cat-header">
                            <h1 class="ts-title float-left">Hoşgeldin, @if (Auth::check()) {{ Auth::user()->name }} @endif</h1>
                            <span class="float-right"><a class="text-danger" href="{{ url('abone-cikis') }}"><i class="fa fa-power-off"></i> Çıkış Yap</a></span>
                        </div>
                    </div>
                    <div class="ts-grid-box content-wrapper single-postx">
                        <nav>
                            <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Profil Bilgileri</a>
                                <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">Abonelik Bilgileri</a>
                                <a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false">Abonelik Yenile</a>
                            </div>
                        </nav>
                        <div class="tab-content" id="nav-tabContent">
                            <div class="tab-pane fade pt-2 show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
                                <p class="text-center message-reponse-user" style="font-size:12px;margin-bottom:7px;display:none;"></p>
                                <form id="update-member">
                                    {!! csrf_field() !!}
                                    <div class="form-group">
                                        <label for="name">Ad Soyad</label>
                                        <input type="text" class="form-control" required name="name" id="name" value="{{ $user->name }}">
                                    </div>
                                    <div class="form-group">
                                        <label for="phone">Telefon</label>
                                        <input type="text" class="form-control" name="phone" id="phone" value="{{ $user->phone }}">
                                    </div>
                                    <div class="form-group">
                                        <label for="mail">E-Posta</label>
                                        <input type="email" class="form-control" required name="email" id="mail" value="{{ $user->email }}">
                                    </div>
                                    <div class="form-group">
                                        <label for="password">Şifre</label>
                                        <input type="password" class="form-control" name="password" id="password" placeholder="Şifrenizi yazınız.">
                                        <small class="text-danger">Eğer şifrenizi değiştirmek istemiyorsanız boş bırakınız.</small>
                                    </div>
                                    <div class="form-group">
                                        <label for="adres">Adres</label>
                                        <textarea class="form-control msg-box" name="adres" id="adres" rows="4">{{ $user->adres }}</textarea>
                                    </div>
                                    <button type="submit" class="btn btn-primary">Güncelle</button>
                                </form>
                            </div>
                            <div class="tab-pane fade pt-2" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
                                <div class="card bg-light mb-3">
                                    <div class="card-header text-dark">
                                        Güncel Abonelik Bilgileri
                                    </div>
                                    <div class="card-body">
                                        <p class="card-text">
                                            <strong>Mevcut Paket:</strong>
                                            {{$paketDetaylari->isim}}
                                        </p>
                                        <p class="card-text">
                                            <strong>Geçerlilik Tarihi:</strong>
                                            {{$paketGecerlilikTarihi}}
                                        </p>
                                        <p class="card-text">
                                            <strong>Kalan Gün:</strong>
                                            {{$paketKalanGun}} gün
                                        </p>
                                    </div>
                                </div>

                                <h4>Satın Alma Geçmişi</h4>
                                <table class="table table-sm table-striped">
                                    <thead>
                                    <tr>
                                        <th scope="col">#</th>
                                        <th scope="col">Tarih</th>
                                        <th scope="col">Paket</th>
                                        <th scope="col">Tutar</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                        @if($kullaniciSonPaketler)
                                            @foreach($kullaniciSonPaketler as $paket)
                                                <tr>
                                                    <th scope="row">{{$paket->id}}</th>
                                                    <td>{{date('d-m-Y',strtotime($paket->created_at))}}</td>
                                                    <td>{{$paket->paketIsim}}</td>
                                                    <td>{{number_format($paket->paketFiyat,0,'.',',')}} TL</td>
                                                </tr>
                                            @endforeach
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                            <div class="tab-pane fade pt-2" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
                                <p class="text-center message-reponse-abonelik" style="font-size:12px;margin-bottom:7px;display:none;"></p>
                                <form id="abonelik-yenile">
                                    {!! csrf_field() !!}
                                    <div class="form-group">
                                        <label for="period">Abonelik Türü</label>
                                        <select name="period" id="period" class="form-control">
                                            <option selected disabled>Abonelik Seçiniz</option>
                                            @if($eDergiPaketler)
                                                @foreach($eDergiPaketler as $eDergi)
                                                    <option value="{{$eDergi->id}}">{{$eDergi->isim}}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                    <div class="form-group form-check">
                                        <input type="checkbox" class="form-check-input" id="agree">
                                        <label class="form-check-label" for="exampleCheck1">Okuduğum koşulları kabul ediyorum ve xxx Dergisi abonesi olmak istiyorum.</label>
                                    </div>
                                    <button type="submit" class="btn btn-primary">Gönder</button>
                                </form>
                                <div class="mt-15">
                                    <p> <strong>BANKA HESAP BİLGİLERİ</strong><br>
                                        Hesap Adı<br>
                                        Banka Adı<br>
                                        Şube: xxxx <br>
                                        Hesap No: xxxxx<br>
                                        IBAN: TRXX xxxx xxxx xxxx xxxx xxxx xx</p>
                                </div>
                                <div class="mt-15">
                                    <p> <strong>ABONELİK KOŞULLARI</strong><br>
                                        » xxx Dergisi bir yıl içinde 12 sayı olmak üzere ayda bir yayınlanır.<br>
                                        » Abonelik bedeli nakit olarak veya yukarıda belirtilen hesap numarasına ödenir.<br>
                                        » Dergi abonelik ücreti yıllık (12 sayı) bedeli KDV ve kargo ücreti dahil XX TL'dir.<br>
                                        » Abonelik ücretlerine KDV dahildir.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    @include('frontend.tema8.blocks.sidebar')
                </div>
            </div>
        </div>
    </section>
    <input type="hidden" id="url" value="{{url('/')}}">
@endsection
@push("customJs")
    <script>
        $(document).ready(function () {
            $("#update-member").submit(function(){
                var data = $(this).serialize();
                var url = $('#url').val() + '/abonelik-guncelle';
                var message = $('.message-reponse-user');
                $.ajax({
                    type: 'POST',
                    url: url,
                    data: data,
                    dataType: 'json',
                    success: function(result){
                        message.empty();
                        if(result.status == 'success') {
                            message.removeClass('text-danger');
                            message.addClass('text-success');
                            message.append(result.message)
                        }
                        message.show();
                    },
                    error: function (request, status, error) {
                        var responseData = JSON.parse(request.responseText);
                        var content = '';
                        message.removeClass('text-success');
                        message.empty();
                        message.addClass('text-danger');

                        $.each(responseData,function (item, value) {
                            let dat = Object.values(value);
                            content += dat[0] + ' ';
                        });

                        message.append(content);
                        message.show();
                    }
                });
                return false;
            });
            $("#abonelik-yenile").submit(function(){
                if ($("#agree").is(':checked')) {
                    var data = $(this).serialize();
                    var url = $('#url').val() + '/abonelik-yenile';
                    var message = $('.message-reponse-abonelik');
                    $.ajax({
                        type: 'POST',
                        url: url,
                        data: data,
                        dataType: 'json',
                        success: function(result){
                            message.empty();
                            if(result.status == 'success') {
                                message.removeClass('text-danger');
                                message.addClass('text-success');
                                message.append(result.message)
                            }
                            message.show();
                        },
                        error: function (request, status, error) {
                            var responseData = JSON.parse(request.responseText);
                            var content = '';
                            message.removeClass('text-success');
                            message.empty();
                            message.addClass('text-danger');

                            $.each(responseData,function (item, value) {
                                let dat = Object.values(value);
                                content += dat[0] + ' ';
                            });

                            message.append(content);
                            message.show();
                        }
                    });
                    return false;
                }else{
                    alert('Lütfen Abonelik Koşulları\'nı ve Gizlilik Politikası\'nı kabul ediniz.');
                    return false;
                }
            });
        });
    </script>
@endpush
@push("customCss")

@endpush