@extends('account')
@section('breadcrumb')
    {{ Breadcrumbs::render('tarif') }}
@endsection
@section('account_content')
    <style>
        .rectangle {
            overflow: visible;
            width: 400px;
            height: 250px;
            left: 210px;
            top: 222px;
            text-align: center;
            background: #fff;
        }
        .rectangle .inner{
            padding: 20px 0px;
        }
        .headText{
            text-align: center;
            left: 342px;
            top: 272px;
            overflow: visible;
            white-space: nowrap;
            font-family: Source Sans Pro;
            font-style: normal;
            font-weight: bold;
            font-size: 26px;
            color: rgba(43,153,150,1);
        }
        .Union_1 {
            overflow: visible;
            width: 14px;
            height: 10px;
            transform: rotate(-45deg);
            transform-origin: center;
            left: 0px;
            top: 0px;
        }
        .inner{
            position: relative;
            transition: 0.5s;
            background-color: #f8f8f8;
            box-shadow: 4px 7px 8px 2px #f2f2f2;
            margin: 0px 20px;
        }
        .inner:hover{
            transition: 0.5s;
            background-color: #f8f8f8;
            box-shadow: 4px 7px 8px 2px #f2f2f2;
        }
        .inner button{
            background: rgba(43,153,150,1);
            border: 1px solid rgba(43,153,150,1);
            border-radius: 20px;
            padding: 10px!important;
            color: #fff;
        }
    </style>
    <div id="redak-tc" class="tab-pane fade active in user-details" role="tabpanel">
        <div class="for-padding ">
            <h2>Tarifler</h2>
            <div class="rectangle">
                <div class="inner">
                    @if($user_sub)
                        <h3 class="headText">{{$user_sub->subscription->title}}</h3>
                        <p style="font-size: 16px; padding-bottom: 10px">{{$user_sub->subscription->duration}} gün - {{$user_sub->subscription->price}} TMT</p>
                        @if($user_sub->subscription->description != null)
                            <table style="width: 100%; font-size: 18px">
                                @foreach (json_decode($user_sub->subscription->description) as $item)
                                    <tr style="background: #fff; border-bottom: 2px solid #f8f8f8">
                                        <td style="padding: 5px">{{$item->desc}}</td>
                                    </tr>
                                @endforeach
                            </table>
                        @endif
                    <div style="padding-top: 20px;">
                            <button type="submit">
                                Möhleti: {{\Carbon\Carbon::parse($user_sub->end_time)->format('Y ý\y\l\yň - M - d')}} senesine çenli
                            </button>
                    </div>
                @endif
</div>
</div>
</div>
</div>

@endsection