@extends('layouts.system')
@section('content')
    <!-- ============================================================== -->
    <!-- pageheader  -->
    <!-- ============================================================== -->
    <div class="row">
        <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
            <div class="page-header">
                <h3 class="mb-2">Configurações Básicas da Loja</h3>
                {{--<p class="pageheader-text">Proin placerat ante duiullam scelerisque a velit ac porta, fusce sit amet vestibulum mi. Morbi lobortis pulvinar quam.</p>--}}
                <div class="page-breadcrumb">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            {{--{{Request::segment('1')}}--}}
                            @foreach(Request::segments() as $segment)

                                <li class="breadcrumb-item">
                                    <a href="{{ $segment }}">{{$segment}}</a>
                                </li>
                            @endforeach
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- ============================================================== -->
    <!-- end pageheader  -->
    <!-- ============================================================== -->
    <div class="row">

        <div class="offset-xl-10 col-xl-2 col-lg-2 col-md-6 col-sm-12 col-12">

            {{--<form>--}}
                {{--<div class="form-group">--}}
                    {{--<input class="form-control" type="text" name="daterange" value="01/01/2018 - 01/15/2018" />--}}
                {{--</div>--}}
            {{--</form>--}}
        </div>

    </div>
    <div class="row">
        <div class="col-xl-12 col-lg-6 col-md-6 col-sm-12 col-12">
            <div class="card">
                <h5 class="card-header pointer" id="open-store-info">Informação da Loja <i class="fa fa-arrow-right" aria-hidden="true"></i></h5>
                <div class="card-body" id="store-info">
                    <div class="row" style="font-weight: 600;font-size: 14px;">
                        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4 magento-config-key">
                            <div>Nome da Loja</div>
                            <div>Número de telefone da loja</div>
                            <div>Horários de funcionamento</div>
                            <div>País</div>
                            <div>Região/estado</div>
                            <div>Código Postal</div>
                            <div>Cidade</div>
                            <div>Endereço</div>
                            <div>Complemento</div>
                            <div>CPF/CNPJ</div>

                        </div>
                        <div class="col-xl-8 col-lg-8 col-md-8 col-sm-8 col-8 magento-config-value">
                            @foreach($dbstoreConf as $dbsc)
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_name}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_phone}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_hours}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_country_id}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_region_id}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_postcode}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_city}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_street_line1}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_street_line2}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_merchant_vat_number}}" readonly></div>
                            @endforeach
                        </div>
                    </div>


                </div>

                <div class="card-footer text-center bg-white">

                </div>
            </div>
        </div>

    </div>
    <div class="row">
        <div class="col-xl-12 col-lg-6 col-md-6 col-sm-12 col-12">
            <div class="card">
                <h5 class="card-header pointer" id="open-store-payment">Forma de Pagamento <i class="fa fa-arrow-right" aria-hidden="true"></i></h5>
                <div class="card-body" id="store-payment">
                    <h5>Ajustes Gerais PagSeguro</h5>
                    <div class="row" style="font-weight: 600;font-size: 14px;">
                        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4 magento-config-key">
                            <div>E-mail</div>
                            <div>Token</div>
                            <div>Chave Pública</div>
                            <div>CPF do Cliente</div>
                            <div></div>
                            <div>Código Postal</div>
                            <div>Cidade</div>
                            <div>Endereço</div>
                            <div>Complemento</div>
                            <div>CPF/CNPJ</div>

                        </div>
                        <div class="col-xl-8 col-lg-8 col-md-8 col-sm-8 col-8 magento-config-value">
                            @foreach($dbstoreConf as $dbsc)
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_name}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_phone}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_hours}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_country_id}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_region_id}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_postcode}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_city}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_street_line1}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_street_line2}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_merchant_vat_number}}" readonly></div>
                            @endforeach
                        </div>
                    </div>
                    <h5>PagSeguro Boleto</h5>
                    <div class="row" style="font-weight: 600;font-size: 14px;">
                        <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4 magento-config-key">
                            <div>E-mail</div>
                            <div>Token</div>
                            <div>Chave Pública</div>
                            <div>CPF do Cliente</div>
                            <div></div>
                            <div>Código Postal</div>
                            <div>Cidade</div>
                            <div>Endereço</div>
                            <div>Complemento</div>
                            <div>CPF/CNPJ</div>

                        </div>
                        <div class="col-xl-8 col-lg-8 col-md-8 col-sm-8 col-8 magento-config-value">
                            @foreach($dbstoreConf as $dbsc)
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_name}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_phone}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_hours}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_country_id}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_region_id}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_postcode}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_city}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_street_line1}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_street_line2}}" readonly></div>
                                <div><input class="form-control" type="text" placeholder="{{$dbsc->store_information_merchant_vat_number}}" readonly></div>
                            @endforeach
                        </div>
                    </div>


                </div>

                <div class="card-footer text-center bg-white">

                </div>
            </div>
        </div>

    </div>
    <!-- Modal -->
    <div class="modal fade" id="description" tabindex="-1" role="dialog" aria-labelledby="description" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="TituloModalCentralizado">Configurações Básicas da Loja</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body" id="description-body">
                    <h5 class="modal-title" id="TituloModalCentralizado">Configurações Básicas da Loja</h5>
                    <table class="table table-striped prod-description">
                        <thead>
                        <tr>
                            <th scope="col">Configuração</th>
                            <th scope="col">Valor</th>


                        </tr>
                        </thead>
                        <tbody id="content">
                        <tr>
                            <td>Nome da Loja</td>
                            <td>Loja Exemplo</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    {{--<button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>--}}
                    {{--<button type="button" class="btn btn-primary">Salvar mudanças</button>--}}
                </div>
            </div>
        </div>
    </div>
    <!-- Modal -->
@endsection
@section('javascript'),
<script type="text/javascript">
    $("#store-info").hide();
    $("#open-store-info").click(function(){
        if($('#store-info:hidden').length == 0){
            $('#open-store-info').html('Informação da Loja <i class="fa fa-arrow-right" aria-hidden="true"></i>');
            $("#store-info").slideUp(500);
        }else{
            $('#open-store-info').html('Informação da Loja <i class="fa fa-arrow-down" aria-hidden="true"></i>');
            $("#store-info").slideDown(500);
        }
    })
    $("#store-payment").hide();
    $("#open-store-payment").click(function(){
        if($('#store-payment:hidden').length == 0){
            $('#open-store-payment').html('Forma de Pagamento <i class="fa fa-arrow-right" aria-hidden="true"></i>');
            $("#store-payment").slideUp(500);
        }else{
            $('#open-store-payment').html('Forma de Pagamento <i class="fa fa-arrow-down" aria-hidden="true"></i>');
            $("#store-payment").slideDown(500);
        }
    })

</script>
@endsection