@extends('layout.master')

@section('title','Hesap ayarları')

@section('content')



<main class="main">

    <div class="page-header text-center" style="background-image: url('assets/images/page-header-bg.jpg')">

        <div class="container">

            <h1 class="page-title">Üyelik Bilgilerim</h1>

        </div><!-- End .container -->

    </div><!-- End .page-header -->

    <nav aria-label="breadcrumb" class="breadcrumb-nav">

        <div class="container">

            <ol class="breadcrumb">

                <li class="breadcrumb-item"><a href="{{route('home')}}">Anasayfa</a></li>

                <li class="breadcrumb-item active" aria-current="page">Hesap ayarları</li>

            </ol>

        </div><!-- End .container -->

    </nav><!-- End .breadcrumb-nav -->



    <div class="page-content">

        <div class="checkout">

            <div class="container">



                <div class="checkout-discount">

                    @if(Session::has('flash_message_error'))

                        <div class="alert alert-error alert-block">

                            <button type="button" class="close" data-dismiss="alert">×</button>

                            <strong>{!! session('flash_message_error') !!}</strong>

                        </div>

                    @endif

                    @if(Session::has('flash_message_success'))

                        <div class="alert alert-success alert-block">

                            <button type="button" class="close" data-dismiss="alert">×</button>

                            <strong>{!! session('flash_message_success') !!}</strong>

                        </div>

                    @endif

                </div><!-- End .checkout-discount -->

                <div class="row">

                    <div class="col-12">

                        <h2 class="title mb-3">Hesabım</h2><!-- End .title mb-3 -->

                    </div><!-- End .col-12 -->

                    



                    <div class="col-md-12">

                            <div class="tabs-vertical">

                                <ul class="nav nav-tabs nav-tabs-bg flex-column" id="tabs-7" role="tablist">

                                    <li class="nav-item">

                                        <a class="nav-link active" id="tab-25-tab" data-toggle="tab" href="#tab-25" role="tab" aria-controls="tab-25" aria-selected="true">Üyelik bilgilerim</a>

                                    </li>

                                    <li class="nav-item">

                                        <a class="nav-link" id="tab-26-tab" data-toggle="tab" href="#tab-26" role="tab" aria-controls="tab-26" aria-selected="false">Şifre Değiştir</a>

                                    </li>

                                    <li class="nav-item">

                                        <a class="nav-link" id="tab-27-tab" data-toggle="tab" href="#tab-27" role="tab" aria-controls="tab-27" aria-selected="false">Adres Defterim</a>

                                    </li>

                                    <li class="nav-item">

                                        <a class="nav-link" id="tab-28-tab" data-toggle="tab" href="#tab-28" role="tab" aria-controls="tab-28" aria-selected="false">Siparişlerim</a>

                                    </li>

                                    <li class="nav-item">

                                        <a class="nav-link" href="{{route('logout')}}" role="tab" aria-controls="tab-29" aria-selected="false">Güvenli Çıkış</a>

                                    </li>

                                </ul>

                                <div class="tab-content tab-content-border" id="tab-content-7" style="width: 102rem;">

                                    <div class="tab-pane fade show active" id="tab-25" role="tabpanel" aria-labelledby="tab-25-tab">

                                        <form id="updateAccount" action="{{route('account')}}" method="post">

                                            @csrf

                                            <div class="row">

                                                <div class="col-lg-12">

                                                    <h2 class="checkout-title">Bilgilerim</h2>

                                                    <div class="row">

                                                        <div class="col-sm-6">

                                                            <label>Adınız *</label>

                                                            <input type="text" class="form-control" name="name" value="{{$userDetails->name}}" required>

                                                        </div><!-- End .col-sm-6 -->



                                                        <div class="col-sm-6">

                                                            <label>Soyadınız *</label>

                                                            <input type="text" class="form-control" name="lastname" value="{{$userDetails->lastname}}" required>

                                                        </div><!-- End .col-sm-6 -->



                                                        <div class="col-sm-6">

                                                            <label>Adresiniz*</label>

                                                            <input type="text" class="form-control" name="address" value="{{$userDetails->address}}"   required>

                                                        </div><!-- End .col-sm-6 -->

                                                        <div class="col-sm-6">

                                                            <label>Şehir*</label>

                                                            <input type="text" class="form-control" name="city" value="{{$userDetails->city}}"   required>

                                                        </div><!-- End .col-sm-6 -->



                                                        <div class="col-sm-6">

                                                            <label>İlçe *</label>

                                                            <input type="text" class="form-control" name="state" value="{{$userDetails->state}}"   required>

                                                        </div><!-- End .col-sm-6 -->

                                                        <div class="col-sm-6">

                                                            <label>Ülke *</label>



                                                            <select name="country" class="form-control">

                                                                @if($userDetails->country == false)

                                                                    @foreach($countries  as $country)

                                                                        <option value="{{$country->country_code}}">{{$country->country_name}}</option>

                                                                    @endforeach

                                                                @else

                                                                    <option value="">{{$userDetails->country}}</option>

                                                                @endif

                                                            </select>



                                                        </div><!-- End .col-sm-6 -->

                                                    </div><!-- End .row -->



                                                    <div class="row">

                                                        <div class="col-sm-6">

                                                            <label>Telefon *</label>

                                                            <input type="tel" class="form-control" name="mobile" value="{{$userDetails->mobile}}"  required>

                                                        </div><!-- End .col-sm-6 -->



                                                        <div class="col-sm-6">

                                                            <label>E-mail *</label>

                                                            <input type="email" class="form-control" name="email" value="{{$userDetails->email}}" required>

                                                        </div><!-- End .col-sm-6 -->

                                                    </div><!-- End .row -->

                                                    <div class="row">

                                                        <div class="col-sm-6">

                                                            <input type="submit" class="btn btn-success" value="Kaydet">

                                                        </div>

                                                    </div>

                                                </div>

                                            </div>

                                        </form>

                                    </div><!-- .End .tab-pane -->

                                    <div class="tab-pane fade" id="tab-26" role="tabpanel" aria-labelledby="tab-26-tab">

                                        <form id="updatePassword" action="{{route('account')}}" autocomplete="off" method="post">

                                            @csrf

                                            <div class="row">

                                                <div class="col-lg-12">

                                                    <h2 class="checkout-title">Şifre Değiştir</h2>

                                                    <div class="row">

                                                        <div class="col-sm-12">

                                                            <label>Şifre *</label>

                                                            <input type="text" class="form-control" placeholder="Şifreniz" name="name"  required>

                                                        </div><!-- End .col-sm-6 -->



                                                        <div class="col-sm-6">

                                                            <label>Yeni Şifre *</label>

                                                            <input type="text" class="form-control" name="lastname" required>

                                                        </div><!-- End .col-sm-6 -->



                                                        <div class="col-sm-6">

                                                            <label>Yeni Şifre(tekrar)*</label>

                                                            <input type="text" class="form-control" name="address"   required>

                                                        </div><!-- End .col-sm-6 -->

                                                    </div><!-- End .row -->

                                                    <div class="row">

                                                        <div class="col-sm-12">

                                                            <input type="submit" class="btn btn-success" value="Kaydet">

                                                        </div>

                                                    </div>

                                                </div>

                                            </div>

                                        </form>

                                    </div>

                                    <div class="tab-pane fade" id="tab-27" role="tabpanel" aria-labelledby="tab-27-tab">

                                        <div class="modal fade" tabindex="-1" role="dialog" id="ornekModal">

                                            <div class="modal-dialog modal-lg">

                                                <div class="modal-content">

                                                    <div class="modal-header">

                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>



                                                    </div>

                                                    <div class="form-group modal-body ml-5 mr-5">

                                                        <form>

                                                                <label>Adres Adı</label>

                                                                <select name="" id="" class="form-control">

                                                                    <option value="">Ev</option>

                                                                    <option value="">İş</option>

                                                                    <option value="">Okul</option>

                                                                    <option value="">Diğer</option>

                                                                </select>



                                                                <label for="adres">Adres</label>

                                                                <input type="text" name="adress" id="adress" placeholder="Adresiniz" class="form-control">



                                                                <label for="city">Şehir</label>

                                                                <input type="text" name="city" id="city" placeholder="Şehir" class="form-control">



                                                                <label for="state">İlçe</label>

                                                                <input type="text" name="state" id="state" placeholder="İlçe" class="form-control">



                                                                <label for="name">Ülke</label>

                                                                <input type="text" name="country" id="country" placeholder="Ülke" class="form-control">



                                                                <label for="name">Telefon</label>

                                                                <input type="text" name="telephone" id="telephone" placeholder="+90-000" class="form-control">

                                                        </form>

                                                    </div>

                                                    <div class="modal-footer">

                                                        <button type="button" class="btn btn-default" data-dismiss="modal">Kapat</button>

                                                        <button type="button" class="btn btn-primary">Değişiklikleri Kaydet</button>

                                                    </div>

                                                </div><!-- /.modal-content -->

                                            </div><!-- /.modal-dialog -->

                                        </div><!-- /.modal -->



                                        <div class="row">

                                            <div class="col-md-12">

                                                <div class="accordion accordion-icon" id="accordion-3">

                                                    @foreach($userAdresses as $adress)

                                                    <div class="card">

                                                        <div class="card-header" id="heading3-1">

                                                            <h2 class="card-title">

                                                                <a role="button" data-toggle="collapse" href="#collapse3-1" aria-expanded="true" aria-controls="collapse3-1">

                                                                    <i class="icon-truck"></i>{{$adress->address_title}}

                                                                </a>

                                                            </h2>

                                                        </div><!-- End .card-header -->

                                                        <div id="collapse3-1" class="collapse show" aria-labelledby="heading3-1" data-parent="#accordion-3">

                                                            <div class="card-body">

                                                                {{$adress->name}}<br>

                                                                {{$adress->address}}<br>

                                                                {{$adress->city}}/{{$adress->state}}<br>

                                                                {{$adress->mobile}}

                                                            </div><!-- End .card-body -->

                                                        </div><!-- End .collapse -->

                                                    </div><!-- End .card -->

                                                    @endforeach

                                                </div><!-- End .accordion -->

                                            </div>

                                        </div>

                                        <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#ornekModal">

                                           Adres ekle

                                        </button>



                                    </div>







                                    <div class="tab-pane fade" id="tab-28" role="tabpanel" aria-labelledby="tab-28-tab">

                                        <table class="table table-hover">

                                            <thead>

                                            <tr>

                                                <th scope="col">First</th>

                                                <th scope="col">Last</th>

                                                <th scope="col">Handle</th>

                                            </tr>

                                            </thead>

                                            <tbody>

                                            @foreach($userOrders as $order)

                                            <tr>

                                                <td colspan="2">{{$order->price}}₺</td>

                                                <td>@twitter</td>

                                            </tr>

                                                @endforeach

                                            </tbody>

                                        </table>

                                    </div><!-- .End .tab-pane -->

                                    <div class="tab-pane fade" id="tab-29" role="tabpanel" aria-labelledby="tab-29-tab">

                                        <p>Quis nobis, adipisci quae aspernatur, nulla suscipit eum. Dolorum, earum. Consectetur pariatur repellat distinctio atque alias excepturi aspernatur nisi accusamus sed molestias ipsa numquam eius, iusto, aliquid, quis aut.</p>

                                    </div><!-- .End .tab-pane -->

                                </div><!-- End .tab-content -->

                            </div><!-- End .tabs-vertical -->

                        </div><!-- End .col-md-6 -->



                    @include('layout.partials.elementList')

                </div><!-- End .row -->



            </div><!-- End .container -->

        </div><!-- End .checkout -->

    </div><!-- End .page-content -->

</main><!-- End .main -->

@endsection