@extends('user-layouts.user_template')
@section('content')
    <style>
        @media screen and (min-width: 768px){
            .container .jumbotron, .container-fluid .jumbotron {
                padding-right: 15px;
                padding-left: 15px;
            }
        }
        .container .jumbotron, .container-fluid .jumbotron{
            border-radius: 0px;
        }

    
        /* .jumbotron {
            padding-top: 20px;
            padding-bottom: 20px;
            background-image: url("{{  config('site_config.uploads') . 'teamstore/' . $store_array[0]->StoreUrl . '/' . $store_array[0]->StoreBanner }}");
            background-color: #f3f3f3;
            background-position: center;
            background-size: cover;
            width: 100%;
            height: 128px;
        } */
        
        .store-name{
            background-color: #ffffff;
            position: absolute;
            padding: 10px;
        }

        @media (min-width: 200px) {
            .jumbotron { height: 50px; }
        }
        
        @media (min-width: 400px) {
            .jumbotron { height: 57px; }
        }

        @media (min-width: 768px) {
            .jumbotron { height: 100px; }
        }

        @media (min-width: 992px) {
            .jumbotron { 
                height: 128px;
                /* width: 1140px;  */
            }
        }

        .product-name-holder{
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    </style>

    <div class="content-wrapper" style="min-height: 916px;">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                Store Setting
                <!-- <small>Control panel</small> -->
            </h1>
            <ol class="breadcrumb">
                <li><a href="{{ url ('user') }}"><i class="fa fa-home"></i> Home</a></li>
                <li class="active">Store Setting</li>
               
            </ol>
        </section>
        <!-- Main content -->
        <section class="content">
            <div class="row">
                <div class="col-md-12">
                    <div class="box box-primary">
                        <div class="box-header with-border">
                            <h3 class="box-title">
                                Current Setting
                            </h3>
                        </div>
                        <div class="box-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <form role="form">
                                        <div class="box-body">
                                            <div class="form-group">
                                                <label>Store Name <button type="button" class="btn btn-link btn-sm"><i class="fa fa-edit"></i> Edit</button></label>
                                                <p>{{  $store_array[0]->StoreName }}</p>
                                            </div>
                                            <div class="form-group">
                                                <label>Store Password <button type="button" class="btn btn-link btn-sm"><i class="fa fa-edit"></i> Edit</button></label>
                                                @if($store_array[0]->Password != null)
                                                    <div class="badge">Yes</div>
                                                @else
                                                <p>
                                                    <div class="badge">No Password</div>
                                                </p>
                                                @endif
                                            </div>
                                            <div class="form-group">
                                                <label>Store Banner <button type="button" class="btn btn-link btn-sm"><i class="fa fa-edit"></i> Edit</button></label>
                                                <div>
                                                    <img src="{{  config('site_config.uploads') . 'teamstore/' . $store_array[0]->StoreUrl . '/' . $store_array[0]->StoreBanner }}" class="img img-responsive">
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label>Store Logo <button type="button" class="btn btn-link btn-sm"><i class="fa fa-edit"></i> Edit</button></label>
                                                <div>
                                                    <img src="{{ config('site_config.uploads')  . 'teamstore/' . $store_array[0]->StoreUrl . '/' . $store_array[0]->StoreLogo  }}" width="150px">
                                                </div>
                                            </div>
                                        
                                        </div>
                                        <!-- /.box-body -->
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="box-footer">
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </div>
                    <div>
                </div>
            </div>
        </section>
    <!-- /.content -->
    </div>
@endsection
