@extends('core::layouts.master')
@section('breadcrumb','Cấu hình bán hàng')
@section('head-action')
    {{ Form::bsNavButton('Thêm địa chỉ',route('admin.order.setting.shop.create')) }}
@endsection
@section('scripts')
    <script>
        // Bootstrap switch
        $(".switch").bootstrapSwitch();
    </script>
@endsection
@section('content')
    <div class="row">
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="tabbable nav-tabs-vertical nav-tabs-left">
                    @include('ecommerce::order.setting.tab')
                    
                    <div class="tab-content">
                        <fieldset class="content-group">
                            <legend class="text-bold">Cấu hình địa chỉ cửa hàng</legend>
                            <div class="row">
                                <div class="col-md-12">
                                    @if($shop_address)
                                        @foreach($shop_address as $key=>$address)
                                            <div class="panel panel-white">
                                                <div class="panel-heading">
                                                    <h6 class="panel-title">{{@$address['name']}}</h6>
                                                    <div class="heading-elements">
                                                        <a class="btn btn-default heading-btn" href="{{route('admin.order.setting.shop.edit', $key)}}">Chỉnh sửa</a>
                                                        <a class="btn btn-default heading-btn text-danger-600 remove_item" href="{{route('admin.order.setting.shop.destroy', $key)}}" data-redirect="{{route('admin.order.setting.shop.index')}}"><i class="icon-trash"></i></a>
                                                    </div>
                                                </div>
                                                
                                                <div class="panel-body">
                                                    <p>
                                                        <span><i class="fa fa-fw fa-user"></i> {{@$address['fullname']}}</span>
                                                    </p>
                                                    <p>
                                                        <span><i class="fa fa-fw fa-envelope"></i> {{$address['email']}}</span>
                                                    </p>
                                                    <p>
                                                        <span><i class="fa fa-fw fa-phone"></i> {{$address['phone']}}</span>
                                                    </p>
                                                    <p>
                                                        <span class="block"><i class="fa fa-fw fa-map-marker"></i> {{$address['address'].', '.$address['district'].', '.$address['province']}}</span>
                                                    </p>
                                                </div>
                                            </div>
                                            <div id="settings{{$key}}" class="modal fade">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                            <h5 class="modal-title">
                                                                <i class="icon-cog5 position-left"></i> Settings modal</h5>
                                                        </div>
                                                        
                                                        <!-- Form inside modal -->
                                                        <form action="#">
                                                            <div class="modal-body">
                                                                <div class="form-group">
                                                                    <div class="row">
                                                                        <div class="col-sm-6">
                                                                            <label>First name</label>
                                                                            <input type="text" placeholder="Eugene" class="form-control">
                                                                        </div>
                                                                        
                                                                        <div class="col-sm-6">
                                                                            <label class="control-label">Last name</label>
                                                                            <input type="text" placeholder="Kopyov" class="form-control">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                
                                                                <div class="form-group">
                                                                    <div class="row">
                                                                        <div class="col-sm-6">
                                                                            <label>Address line 1</label>
                                                                            <input type="text" placeholder="Ring street 12" class="form-control">
                                                                        </div>
                                                                        
                                                                        <div class="col-sm-6">
                                                                            <label>Address line 2</label>
                                                                            <input type="text" placeholder="building D, flat #67" class="form-control">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                
                                                                <div class="form-group">
                                                                    <div class="row">
                                                                        <div class="col-sm-4">
                                                                            <label>City</label>
                                                                            <input type="text" placeholder="Munich" class="form-control">
                                                                        </div>
                                                                        
                                                                        <div class="col-sm-4">
                                                                            <label>State/Province</label>
                                                                            <input type="text" placeholder="Bayern" class="form-control">
                                                                        </div>
                                                                        
                                                                        <div class="col-sm-4">
                                                                            <label>ZIP code</label>
                                                                            <input type="text" placeholder="1031" class="form-control">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                
                                                                <div class="form-group">
                                                                    <div class="row">
                                                                        <div class="col-sm-6">
                                                                            <label>Email</label>
                                                                            <input type="text" placeholder="eugene@kopyov.com" class="form-control">
                                                                            <span class="help-block">name@domain.com</span>
                                                                        </div>
                                                                        
                                                                        <div class="col-sm-6">
                                                                            <label>Phone #</label>
                                                                            <input type="text" placeholder="+99-99-9999-9999" data-mask="+99-99-9999-9999" class="form-control">
                                                                            <span class="help-block">+99-99-9999-9999</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
                                                                <button type="submit" class="btn btn-info">Save changes</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                            </div>
                        </fieldset>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection