@extends('layouts.admin-main')
@section('content')
    <div class="col-lg-12">
        <div class="card-body shadow-1">
            @if ($settingInfo < 1)
                <div class="row">
                    <div class="col-lg-12 margin-tb">
                        <div class="pull-right mb-2" style="text-align: right;">
                            @can('setting-create')
                                <a class="btn btn-sm  btn-primary" href="{{ route('settings.create') }}">
                                    <i class="fal fa-plus"></i> {{ __('message.add new') }}
                                </a>
                            @endcan
                        </div>
                    </div>
                </div>
            @endif
            @if (count($settings) > 0)
                @foreach ($settings as $index => $setting)
                    <div class="col-xs-12 col-md-8 text-center">
                        <div class="bg-white rounded-lg  shadow-sm my-4"
                            style="max-height: 100%; border: 1px solid; color: #9f7fcf; ">
                            {{-- Header --}}
                            <div class="d-flex justify-content-between">
                                <div class="pt-2 text-sm-left pl-2">
                                    <h4><i class="fal fa-info-circle"></i> {{ __('message.system info') }} </h4>
                                </div>
                                <div class="pt-2 px-2  fixed-top-right ">
                                    @can('setting-edit')
                                        <a class="btn btn-outline-info" href="{{ route('settings.edit', $setting->id) }}"
                                            title="{{ __('message.edit') }}">
                                            <i class="fal fa-pencil fa-lg"></i>
                                        </a>
                                    @endcan
                                </div>
                            </div>
                            <div class="text-center my-3 mb-2">
                                <h1 class="title" style="font-weight: 600; font-size: 30px">
                                    {{ $setting->shop_name }}
                                </h1>
                                <p>
                                    {{$setting->address}}
                                </p>
                                <p>
                                    {{$setting->phone}}
                                </p>
                            </div>
                            {{-- IMage --}}
                            <div class="row my-5">
                                <div class="col-xs-12 col-sm-6">
                                    <div class="d-flex justify-content-center ">
                                        <img src="{{ !empty($setting->logo) ? asset($setting->logo) : asset('images/no_image.png') }}" alt="logo" style="width: 10rem;"
                                            class="border border-top border-right border-bottom border-left">
                                    </div>
                                    <h3 class="text-center my-3">{{ __('message.logo') }}</h3>
                                </div>
                                <div class="col-xs-12 col-sm-6">
                                    <div class="d-flex justify-content-center ">
                                        <img style="width: 10rem;" src="{{ !empty($setting->fav_icon) ? asset($setting->fav_icon) : asset('images/no_image.png') }}" alt="fav_icons"
                                            class="border border-top border-right border-bottom border-left">
                                    </div>
                                    <h3 class="text-center my-3">{{ __('message.fav-icon') }}</h3>
                                </div>
                            </div>
                            <div class="d-flex justify-content-center my-4">
                                <div class="text-success">
                                    {{-- <h1 class="text-uppercase"><b>{{ $setting->currency_name }}</b></h1> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            @else
                <div class="w-100 mt-3" onclick="window.location.reload()">
                    <h3 class="text-center"><i class="fal fa-info-circle fa-3x text-danger"></i></h3>
                    <h1 class="text-danger text-center">{{ __('message.no-data-info') }}</h1>
                </div>
            @endif
        </div>
        <style>
        </style>
    @endsection
    @section('scripts')
        <script>
            $(document).ready(function() {
                $("#js-nav-menu").removeClass('active');
                $("#js-nav-menu li ul li").removeClass('active');
                $("#menu_setup_list").addClass('active open');
                $("#collapse_setup").addClass('collapse in')
                $("#menu_settings").addClass('active')
            })
        </script>
    @endsection
    @section('meta')
        <title>{{ __('message.settings') }} - {{$settings_->shop_name}}</title>
    @endsection