@extends('layouts.master2')
@section('loginMobile')
    @if(!$userDetails)
        <signin :close_able="false"></signin>
    @endif
@show
@section('headerMobile')
@if($userDetails)
<section class="bg-gd-primary d-md-none d-block">
    <div class="container py-5">
        <div class="row">
            <div class="col-12">
                <div class="py-3">
                    <div class="text-white text-center">
                        <a href="{{ url('user/profile') }}" class="abs-t-min-45 abs-r-10 text-white p-3">
                            <i class="fa fa-edit"></i>
                        </a>
                        <h3 class="mb-0">@if(isset($userDetails->details->first_name)) {{ ucfirst($userDetails->details->first_name) }} @else {{ $userDetails->email }} @endif</h3>
                        <div class="small">{{ $userDetails->username }}</div>
                        @if(!empty($user->expired_date) || strtotime($user->expired_date) > strtotime(now()))
                        <div><img class="img-max-20" src="{{asset('img/icon/ic_premium_badge@3x.png') }}" alt=""><span class="gd-font-sm">&nbsp;&nbsp;MEMBER SAMPAI {{ strtoupper(date('d F Y', strtotime($user->expired_date))) }}</span></div>
                        @endif
                    </div>
                    {{-- <div class="py-2">
                        <extend-gdplus :login="@if($user) {{'true'}} @else {{ 'false' }} @endif">
                            <template v-slot:custom-button>
                                <div class="text-center">
                                    <button class="btn btn-sm btn-outline-gd-white">
                                        <span>@if ($user->expired_date != "" ) {{ 'Extend' }} @else {{ 'Daftar' }} @endif Giladiskon Plus »</span>
                                    </button>
                                </div>
                            </template>
                        </extend-gdplus>
                    </div> --}}
                </div>
            </div>
        </div>
    </div>
</section>
@endif
@endsection
@section('content')
<div class="container">
    <div class="@if($user) {{ 'py-3' }}  @endif">
        <div class="row">
            @include('layouts.sidebar')
            <div class="col-12 col-md-3 @if($user) {{ 'rel-t-min-65' }} @else {{ 'bg-white' }} @endif d-block d-md-none">
                {{-- @if($user)
                <div class="bg-white p-3 @if($user) {{ 'rounded' }} @endif mb-3"> --}}
                    {{-- @if ($user->expired_date != "" && \Carbon\Carbon::now()->addMonth(3) > $user->expired_date)
                    <div class="row">
                        <div class="col-12 text-center">
                            <div class="pb-2 gd-font-sm">Akun GD+ kamu akan segera berakhir, silahkan perpanjang sebelum kadaluarsa</div>
                        </div>
                        <div class="col-12">
                            <extend-gdplus :login="@if($user) {{'true'}} @else {{ 'false' }} @endif"></extend-gdplus>
                        </div>
                    </div>
                    @endif --}}
                    {{-- <div class="row border-bottom py-3">
                        @if($userDetails->saving_value == 0)
                        <div class="col-12">
                            <img class="img-max-25" src="{{asset('img/icon/ic_status_penggunaan@3x.png') }}" alt="Saving">
                            <span class="gd-font-sm">Kamu belum menggunakan Deals</span>
                        </div>
                        @else
                        <div class="col-6">
                            <img class="img-max-25" src="{{asset('img/icon/ic_status_penggunaan@3x.png') }}" alt="Saving">
                            <span class="gd-font-sm">Kamu sudah hemat</span>
                        </div>
                        <div class="col-6 pt-2 text-right">
                            <span class="font-weight-bold">{{ 'Rp. '.number_format($userDetails->saving_value,0,",",".") }}</span>
                        </div>
                        @endif
                    </div>
                    <div class="row py-3 align-items-center">
                        <div class="col-8">
                            <img class="img-max-25" src="{{asset('img/icon/ic_mypoin@3x.png') }}" alt="Points">
                            <span class="gd-font-sm">Poin Kamu</span>
                        </div>
                        <div class="col-4 py-2 text-right">
                            <span class="font-weight-bold">{{ $userDetails->available_balance }} pts</span>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <a href="{{ url('user/redeem') }}">
                                <button class="btn btn-sm btn-gd-yellow btn-block">Tukar Poin Kamu</button>
                            </a>
                        </div>
                    </div>
                </div>
                @endif --}}
                <div class="bg-white rounded">
                    <div class="row">
                        <div class="col-12">
                            <ul class="nav flex-column gd-nav">
                                @if($userDetails)
                                {{-- <li class="nav-item gd-font-sm p-3 border-bottom">
                                    <a href="{{ url('user/voucher-transaction') }}" class="nav-link px-0 text-gd-black">
                                        <img class="img-max-25" src="{{asset('img/icon/ic_riwayat@3x.png') }}" alt="transaction-history"> &nbsp;&nbsp;
                                        <span>Riwayat Transaksi &amp; Saldo</span>
                                        <!-- <i class="fa fa-chevron-right text-secondary"></i>  -->
                                    </a>
                                </li>
                                <li class="nav-item gd-font-sm p-3 border-bottom">
                                    <a href="{{ url('user/redeem-account') }}" class="nav-link px-0 text-gd-black">
                                        <img class="img-max-25" src="{{asset('img/icon/ic_akun_tukar@3x.png') }}" alt="redeem-account"> &nbsp;&nbsp;
                                        <span>Akun Tukar Poin</span>
                                        <!-- <i class="fa fa-chevron-right text-secondary"></i>  -->
                                    </a>
                                </li> --}}
                                <!-- <li class="nav-item gd-font-sm p-3 border-bottom"><a href="{{ url('user/favourites') }}" class="nav-link px-0 text-gd-black"><img class="img-max-25" src="{{asset('img/icon/ic_saved_normal.svg') }}" alt="">&nbsp;&nbsp;<span>Favorit Deals</span></a></li> -->
                                {{-- <li class="nav-item gd-font-sm px-3 py-1 border-bottom"><a href="{{ url('user/account-balance') }}" class="nav-link px-0 text-gd-black"><span>Riwayat Poin</span></a></li> --}}
                                <li class="nav-item gd-font-sm px-3 py-1 border-bottom"><a href="{{ url('favourite') }}" class="nav-link px-0 text-gd-black"><span>Favorite</span></a></li>
                                <li class="nav-item gd-font-sm px-3 py-1 border-bottom"><a href="{{ url('user/inbox') }}" class="nav-link px-0 text-gd-black"><span>Pesan Masuk</span></a></li>
                                {{-- <li class="nav-item gd-font-sm px-3 py-1 border-bottom"><a href="{{ url('user/review') }}" class="nav-link px-0 text-gd-black"><span>Ulasan Deals</span></a></li> --}}
                                @endif
                                <li class="nav-item gd-font-sm px-3 py-1 border-bottom"><a href="{{ url('about') }}" class="nav-link px-0 text-gd-black"><span>Tentang Giladiskon</span></a></li>
                                <li class="nav-item gd-font-sm px-3 py-1 border-bottom"><a href="{{ url('terms') }}" class="nav-link px-0 text-gd-black"><span>Syarat &amp; Ketentuan</span></a></li>
                                <li class="nav-item gd-font-sm px-3 py-1 border-bottom"><a href="{{ url('help') }}" class="nav-link px-0 text-gd-black"><span>Bantuan</span></a></li>
                                <li class="nav-item gd-font-sm px-3 py-1 border-bottom"><a href="{{ url('user/referral') }}" class="nav-link px-0 text-gd-black"><span>Program Referral</span></a></li>
                                {{-- <li class="nav-item gd-font-sm px-3 py-1 @if($user) {{ 'border-bottom' }} @endif"><a href="#" class="nav-link px-0 text-gd-black"><span>Berikan Penilaian</span></a></li> --}}
                                @if($userDetails)
                                <li class="nav-item gd-font-sm px-3 py-1"><a href="{{ url('logout') }}" class="nav-link px-0"><span class="text-gd-primary">Sign Out</span></a></li>
                                @endif
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            @if($userDetails)
            <div class="col-md-9 d-none d-md-block">
                <div class="bg-white p-3">
                    <form action="{{ url('user/profile') }}" class="gd-font-sm" method="post">
                        @csrf
                        <div class="row">
                            <div class="col-12">
                                <div class="pb-3 border-bottom">
                                    <h5 class="mb-0">Profil Saya</h5>
                                    <span class="gd-font-sm">Kelola informasi profil anda</span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <div class="pt-3 border-bottom">
                                    {{-- <div class="form-group row align-items-center">
                                        <label for="email" class="col-sm-2 col-form-label">Email</label>
                                        <div class="col-sm-10">
                                            <input type="text" class="form-control gd-font-sm" id="email" placeholder="Email" value="{{ $userDetails->email }}">
                                        </div>
                                    </div> --}}
                                    <div class="form-group row align-items-center">
                                        <label for="username" class="col-sm-2 col-form-label">Nama Lengkap</label>
                                        <div class="col-sm-10">
                                            <input type="text" class="form-control gd-font-sm" id="first_name" name="first_name" placeholder="Nama Lengkap" value="{{ $userDetails->details->first_name }}">
                                        </div>
                                    </div>
                                    <div class="form-group row align-items-center">
                                        <label for="username" class="col-sm-2 col-form-label">Username</label>
                                        <div class="col-sm-10">
                                            <input type="text" class="form-control gd-font-sm" id="username" placeholder="Username" value="{{ $userDetails->username }}" disabled>
                                        </div>
                                    </div>
                                    <fieldset class="form-group">
                                        <div class="row align-items-center">
                                            <legend class="col-form-label col-sm-2 pt-0">Jenis Kelamin</legend>
                                            <div class="col-sm-10">
                                                <div class="form-check">
                                                    <input class="form-check-input" type="radio" name="gender" id="gender1" value="1" @if($userDetails->details->gender == "1") {{ 'checked' }} @endif>
                                                    <label class="form-check-label" for="gender1">
                                                        Pria
                                                    </label>
                                                </div>
                                                <div class="form-check">
                                                    <input class="form-check-input" type="radio" name="gender" id="gender2" value="0" @if($userDetails->details->gender == "0") {{ 'checked' }} @endif>
                                                    <label class="form-check-label" for="gender2">
                                                        Wanita
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </fieldset>
                                    <div class="form-group row align-items-center">
                                        <label for="birthdate" class="col-sm-2 col-form-label">Tanggal Lahir</label>
                                        <div class="col-sm-10">
                                            <input type="date" class="form-control gd-font-sm" id="birthdate" name="birthdate" placeholder="Tanggal lahir" value="{{ $userDetails->details->birthdate }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <change-phone-number :phone="'{{ setProperPhoneNumber($userDetails->details->phone) }}'" :haspin="{{ $user->has_pin }}"></change-phone-number>
                            </div>
                        </div>
                        @if($user->has_pin)
                        <div class="row">
                            <div class="col-12">
                                <change-pin :pin="{{ $userDetails->pin }}"></change-pin>
                            </div>
                        </div>
                        @endif
                        <div class="form-group row mb-0">
                            <div class="col-sm-10">
                                <button type="submit" class="btn btn-gd-primary">Simpan</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            @endif
        </div>
    </div>
</div>
@endsection