@extends('admin._layouts.master')

@section('content')

    {{----------------------------------------------------------------------------------------------------------------------------- subscriptions --}}

    <div class="row">

        <hr>

        <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="box box-widget widget-user-2">
                <div class="widget-user-header bg-yellow">
                    <div class="widget-user-image">
                        <i class="fa fa-calendar fa-4x pull-left"></i>
                    </div>
                    <h3 class="widget-user-username">Temel Abonelik</h3>
                    <h4 class="widget-user-desc">49₺/ay</h4>
                </div>
                <div class="box-footer no-padding">
                    <ul class="nav nav-stacked">
                        <li><a style="padding-left: 1rem"><i class="fa fa-check"></i> &nbsp; Tüm işletmeler için temel özellikler</a></li>
                        <li><a style="padding-left: 1rem"><i class="fa fa-check"></i> &nbsp; Kiosk ve seyyar işletmeler için temel paket</a></li>
                        <li class="text-center"><a class="text-green text-bold">AKTİF</a></li>
                    </ul>
                </div>
            </div>
        </div>


        <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="box box-widget widget-user-2">
                <div class="widget-user-header bg-yellow">
                    <div class="widget-user-image">
                        <i class="fa fa-file-text-o fa-4x pull-left"></i>
                    </div>
                    <h3 class="widget-user-username">Stok Sistemi</h3>
                    <h4 class="widget-user-desc">20₺/ay</h4>
                </div>
                <div class="box-footer no-padding">
                    <ul class="nav nav-stacked">
                        <li><a style="padding-left: 1rem"><i class="fa fa-check"></i> &nbsp; Muaddelli stok sistemi</a></li>
                        <li><a style="padding-left: 1rem"><i class="fa fa-check"></i> &nbsp; Otomatik stok takibi</a></li>
                        <li class="text-center"><a class="text-gray text-bold">İNAKTİF</a></li>
                    </ul>
                </div>
            </div>
        </div>


        <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="box box-widget widget-user-2">
                <div class="widget-user-header bg-yellow">
                    <div class="widget-user-image">
                        <i class="fa fa-coffee fa-4x pull-left"></i>
                    </div>
                    <h3 class="widget-user-username">Restoran Menüsü</h3>
                    <h4 class="widget-user-desc">20₺/ay</h4>
                </div>
                <div class="box-footer no-padding">
                    <ul class="nav nav-stacked">
                        <li><a style="padding-left: 1rem"><i class="fa fa-check"></i> &nbsp; +7 kategori, +70 ürün üzeri menü oluşturma</a></li>
                        <li><a style="padding-left: 1rem"><i class="fa fa-check"></i> &nbsp; Ürün özellikleri ekleme</a></li>
                        <li class="text-center"><a class="text-green text-bold">AKTİF</a></li>
                    </ul>
                </div>
            </div>
        </div>


        <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="box box-widget widget-user-2">
                <div class="widget-user-header bg-yellow">
                    <div class="widget-user-image">
                        <i class="fa fa-users fa-4x pull-left"></i>
                    </div>
                    <h3 class="widget-user-username">Restoran Kadrosu</h3>
                    <h4 class="widget-user-desc">20₺/ay</h4>
                </div>
                <div class="box-footer no-padding">
                    <ul class="nav nav-stacked">
                        <li><a style="padding-left: 1rem"><i class="fa fa-check"></i> &nbsp; 2'den fazla çalışan ve cihaz ekleme</a></li>
                        <li><a style="padding-left: 1rem"><i class="fa fa-check"></i> &nbsp; Çalışan yetkileri düzenleme</a></li>
                        <li class="text-center"><a class="text-green text-bold">AKTİF</a></li>
                    </ul>
                </div>
            </div>
        </div>


        <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="box box-widget widget-user-2">
                <div class="widget-user-header bg-yellow">
                    <div class="widget-user-image">
                        <i class="fa fa-print fa-4x pull-left"></i>
                    </div>
                    <h3 class="widget-user-username">Mutfak Yazıcıları</h3>
                    <h4 class="widget-user-desc">10₺/ay/yazıcı</h4>
                </div>
                <div class="box-footer no-padding">
                    <ul class="nav nav-stacked">
                        <li><a style="padding-left: 1rem"><i class="fa fa-check"></i> &nbsp; Mutfak yazıcıları ekleme</a></li>
                        <li><a style="padding-left: 1rem"><i class="fa fa-check"></i> &nbsp; Otomatik sipariş yazdırma</a></li>
                        <li class="text-center"><a class="text-green text-bold">AKTİF</a></li>
                    </ul>
                </div>
            </div>
        </div>


        <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="box box-widget widget-user-2">
                <div class="widget-user-header bg-yellow">
                    <div class="widget-user-image">
                        <i class="fa fa-map-marker fa-4x pull-left"></i>
                    </div>
                    <h3 class="widget-user-username">Masada Servis</h3>
                    <h4 class="widget-user-desc">10/ay</h4>
                </div>
                <div class="box-footer no-padding">
                    <ul class="nav nav-stacked">
                        <li><a style="padding-left: 1rem"><i class="fa fa-check"></i> &nbsp; 20'den fazla masa ekleme</a></li>
                        <li><a style="padding-left: 1rem"><i class="fa fa-check"></i> &nbsp; Masa düzeni oluşturma</a></li>
                        <li class="text-center"><a class="text-green text-bold">AKTİF</a></li>
                    </ul>
                </div>
            </div>
        </div>


        <div class="col-md-3 col-sm-6 col-xs-12">
            <div class="box box-widget widget-user-2">
                <div class="widget-user-header bg-yellow">
                    <div class="widget-user-image">
                        <i class="fa fa-qrcode fa-4x pull-left"></i>
                    </div>
                    <h3 class="widget-user-username">QR Menü</h3>
                    <h4 class="widget-user-desc">10/ay</h4>
                </div>
                <div class="box-footer no-padding">
                    <ul class="nav nav-stacked">
                        <li><a style="padding-left: 1rem"><i class="fa fa-check"></i> &nbsp; 20'den fazla masa ekleme</a></li>
                        <li><a style="padding-left: 1rem"><i class="fa fa-check"></i> &nbsp; Masa düzeni oluşturma</a></li>
                        <li class="text-center"><a class="text-green text-bold">AKTİF</a></li>
                    </ul>
                </div>
            </div>
        </div>


    </div>

@endsection

@push('scripts')


@endpush