@extends('master.back')
@section('css')
    <style>
        #output_logo, #output_slide1, #output_slide2, #output_slide3, #output_slide4
        {
            margin-top: 5px;
            max-width:300px;
        }
    </style>
@endsection
@section('content')
    <!-- START BREADCRUMB -->
    <ul class="breadcrumb">
        <li class="active"><a href="{{ route('admin.home') }}">Home</a></li>
    </ul>
    <!-- END BREADCRUMB -->
    <!-- PAGE CONTENT WRAPPER -->
    <div class="page-content-wrap">
        @foreach($settings as $setting)
            <form action="{{ route('admin.settings.settings') }}" method="post" enctype="multipart/form-data">
                <div class="row">
                    <div class="col-md-10 col-md-offset-1">
                        <!-- START DEFAULT DATATABLE -->
                        <div class="panel panel-default">
                            <div class="panel-heading" style="margin: 0px 0px 15px 0px;">
                                <h3 class="panel-title">Logo</h3>
                            </div>
                            <div class="col-md-10 col-md-offset-1" style="margin-top: 5px; margin-bottom: 5px">
                                <div class="input-group">
                                    <div id="wrapper">
                                        <label for="logo">Logo</label>
                                        <input type="file" name="logo" id="logo" accept="image/*" onchange="preview_logo(event)">
                                        <img width="300px" id="output_logo"/>
                                        @if($setting->logo != null)
                                            <div id="currentlogo">
                                                <img src="{{ url('/') }}/settings/logo/{{ $setting->logo }}" style="width: 300px; margin-bottom: 15px">
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END DEFAULT DATATABLE -->
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-10 col-md-offset-1">
                        <!-- START DEFAULT DATATABLE -->
                        <div class="panel panel-default">
                            <div class="panel-heading" style="margin: 0px 0px 15px 0px;">
                                <h3 class="panel-title">Slide</h3>
                            </div>
                            <div class="col-md-10 col-md-offset-1" style="margin-top: 5px; margin-bottom: 5px">
                                <div class="input-group">
                                    <div id="wrapper">
                                        <label for="slide1">Slide 1</label>
                                        <input type="file" name="slide1" id="slide1" accept="image/*" onchange="preview_slide1(event)">
                                        <img width="300px" id="output_slide1"/>
                                        @if($setting->slide1 !=null)
                                            <div id="currentslide1">
                                                <img src="{{ url('/') }}/settings/slide/{{ $setting->slide1 }}" style="width: 300px; margin-bottom: 15px">
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-10 col-md-offset-1" style="margin-top: 5px; margin-bottom: 5px">
                                <div class="input-group">
                                    <div id="wrapper">
                                        <label for="slide2">Slide 2</label>
                                        <input type="file" name="slide2" id="slide2" accept="image/*" onchange="preview_slide2(event)">
                                        <img width="300px" id="output_slide2"/>
                                        @if($setting->slide2 != null)
                                            <div id="currentslide2">
                                                <img src="{{ url('/') }}/settings/slide/{{ $setting->slide2 }}" style="width: 300px; margin-bottom: 15px">
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-10 col-md-offset-1" style="margin-top: 5px; margin-bottom: 5px">
                                <div class="input-group">
                                    <div id="wrapper">
                                        <label for="slide3">Slide 3</label>
                                        <input type="file" name="slide3" id="slide3" accept="image/*" onchange="preview_slide3(event)">
                                        <img width="300px" id="output_slide3"/>
                                        @if($setting->slide3 != null)
                                            <div id="currentslide3">
                                                <img src="{{ url('/') }}/settings/slide/{{ $setting->slide3 }}" style="width: 300px; margin-bottom: 15px">
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-10 col-md-offset-1" style="margin-top: 5px; margin-bottom: 5px">
                                <div class="input-group">
                                    <div id="wrapper">
                                        <label for="slide4">Slide 4</label>
                                        <input type="file" name="slide4" id="slide4" accept="image/*" onchange="preview_slide4(event)">
                                        <img width="300px" id="output_slide4"/>
                                        @if($setting->slide4 != null)
                                            <div id="currentslide4">
                                                <img src="{{ url('/') }}/settings/slide/{{ $setting->slide4 }}" style="width: 300px; margin-bottom: 15px">
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END DEFAULT DATATABLE -->
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-10 col-md-offset-1">
                        <!-- START DEFAULT DATATABLE -->
                        <div class="panel panel-default">
                            <div class="panel-heading" style="margin: 0px 0px 15px 0px;">
                                <h3 class="panel-title">Cover</h3>
                            </div>
                            <div class="col-md-10 col-md-offset-1" style="margin-top: 5px; margin-bottom: 5px">
                                <div class="input-group">
                                    <div id="wrapper">
                                        <label for="products">Products</label>
                                        <input type="file" name="products" id="products" accept="image/*" onchange="preview_products(event)">
                                        <img width="300px" id="output_products"/>
                                        @if($setting->products !=null)
                                            <div id="currentproducts">
                                                <img src="{{ url('/') }}/settings/page/{{ $setting->products }}" style="width: 300px; margin-bottom: 15px">
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-10 col-md-offset-1" style="margin-top: 5px; margin-bottom: 5px">
                                <div class="input-group">
                                    <div id="wrapper">
                                        <label for="campaigns">Campaigns</label>
                                        <input type="file" name="campaigns" id="campaigns" accept="image/*" onchange="preview_campaigns(event)">
                                        <img width="300px" id="output_campaigns"/>
                                        @if($setting->campaigns != null)
                                            <div id="currentcampaigns">
                                                <img src="{{ url('/') }}/settings/page/{{ $setting->campaigns }}" style="width: 300px; margin-bottom: 15px">
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-10 col-md-offset-1" style="margin-top: 5px; margin-bottom: 5px">
                                <div class="input-group">
                                    <div id="wrapper">
                                        <label for="blogs">Blogs</label>
                                        <input type="file" name="blogs" id="blogs" accept="image/*" onchange="preview_blogs(event)">
                                        <img width="300px" id="output_blogs"/>
                                        @if($setting->blogs != null)
                                            <div id="currentblogs">
                                                <img src="{{ url('/') }}/settings/page/{{ $setting->blogs }}" style="width: 300px; margin-bottom: 15px">
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-10 col-md-offset-1" style="margin-top: 5px; margin-bottom: 5px">
                                <div class="input-group">
                                    <div id="wrapper">
                                        <label for="partners">Partners</label>
                                        <input type="file" name="partners" id="partners" accept="image/*" onchange="preview_partners(event)">
                                        <img width="300px" id="output_partners"/>
                                        @if($setting->partners != null)
                                            <div id="currentvideoBlogs">
                                                <img src="{{ url('/') }}/settings/page/{{ $setting->partners }}" style="width: 300px; margin-bottom: 15px">
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-10 col-md-offset-1" style="margin-top: 5px; margin-bottom: 5px">
                                <div class="input-group">
                                    <div id="wrapper">
                                        <label for="masters">Masters</label>
                                        <input type="file" name="masters" id="masters" accept="image/*" onchange="preview_masters(event)">
                                        <img width="300px" id="output_masters"/>
                                        @if($setting->masters != null)
                                            <div id="currentmasters">
                                                <img src="{{ url('/') }}/settings/page/{{ $setting->masters }}" style="width: 300px; margin-bottom: 15px">
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-10 col-md-offset-1" style="margin-top: 5px; margin-bottom: 5px">
                                <div class="input-group">
                                    <div id="wrapper">
                                        <label for="shoppingCart">Shopping Cart</label>
                                        <input type="file" name="shoppingCart" id="shoppingCart" accept="image/*" onchange="preview_shoppingCart(event)">
                                        <img width="300px" id="output_shoppingCart"/>
                                        @if($setting->shopping_cart != null)
                                            <div id="currentshoppingCart">
                                                <img src="{{ url('/') }}/settings/page/{{ $setting->shopping_cart }}" style="width: 300px; margin-bottom: 15px">
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END DEFAULT DATATABLE -->
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-10 col-md-offset-1">
                        <div class="panel panel-default" style="padding: 0px 0px 15px 0px;">
                            <div class="panel-heading" style="margin: 0px 0px 15px 0px;">
                                <h3 class="panel-title">Contact us</h3>
                            </div>
                            <div class="form-group">
                                <div class="col-md-10 col-md-offset-1" style="margin-top: 5px; margin-bottom: 5px">
                                    <label for="address">Address</label>
                                    <input type="text" class="form-control" name="address" value="{{ $setting->address }}"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-10 col-md-offset-1" style="margin-top: 5px; margin-bottom: 5px">
                                    <label for="phone">Phone</label>
                                    <input type="text" class="form-control" name="phone" value="{{ $setting->phone }}"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-10 col-md-offset-1" style="margin-top: 5px; margin-bottom: 5px">
                                    <label for="email">Email</label>
                                    <input type="email" class="form-control" name="email" value="{{ $setting->email }}"/>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-10 col-md-offset-1">
                        <div class="panel panel-default" style="padding: 0px 0px 15px 0px;">
                            <div class="panel-heading" style="margin: 0px 0px 15px 0px;">
                                <h3 class="panel-title">Info</h3>
                            </div>
                            <div class="form-group">
                                <div class="col-md-10 col-md-offset-1">
                                    <textarea class="summernote_email" name="info"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-10 col-md-offset-1" style="margin-bottom: 60px;">
                    <div class="form-group">
                        <div class="col-md-12">
                            <div class="pull-right">
                                <button type="submit" class="btn btn-success">Save</button>
                            </div>
                        </div>
                    </div>
                </div>
                {{ csrf_field() }}
            </form>
        @endforeach
    </div>
@endsection
@section('audio')
    <audio id="audio-alert" src="{{ asset('admin/audio/alert.mp3') }}" preload="auto"></audio>
    <audio id="audio-fail" src="{{ asset('admin/audio/fail.mp3') }}" preload="auto"></audio>
@endsection
@section('js')
    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <!-- Popper JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>

    <!-- Latest compiled JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <!-- START PLUGINS -->
    <script type="text/javascript" src="{{ asset('admin/js/plugins/jquery/jquery.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/jquery/jquery-ui.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/bootstrap/bootstrap.min.js') }}"></script>
    <!-- END PLUGINS -->

    <!-- START THIS PAGE PLUGINS-->
    <script type="text/javascript" src="{{ asset('admin/js/plugins/icheck/icheck.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/mcustomscrollbar/jquery.mCustomScrollbar.min.js') }}"></script>

    <script type="text/javascript" src="{{ asset('admin/js/plugins/summernote/summernote.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/scrolltotop/scrolltopcontrol.js') }}"></script>

    <script type="text/javascript" src="{{ asset('admin/js/plugins/morris/raphael-min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/morris/morris.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/rickshaw/d3.v3.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/rickshaw/rickshaw.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/bootstrap/bootstrap-datepicker.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/owl/owl.carousel.min.js') }}"></script>

    <script type="text/javascript" src="{{ asset('admin/js/plugins/moment.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/plugins/daterangepicker/daterangepicker.js') }}"></script>
    <!-- END THIS PAGE PLUGINS-->

    <!-- START TEMPLATE -->
    {{--<script type="text/javascript" src="{{ asset('admin/js/settings.js') }}"></script>--}}

    <script type="text/javascript" src="{{ asset('admin/js/plugins.js') }}"></script>
    <script type="text/javascript" src="{{ asset('admin/js/actions.js') }}"></script>

    <script type="text/javascript" src="{{ asset('admin/js/demo_dashboard.js') }}"></script>
    <!-- END TEMPLATE -->

    <script type="text/javascript" src="{{ asset('admin/js/cover.js') }}"></script>
@endsection