@extends('layouts.admin')

@section('content')

    {{-- <form method="post" autocomplete="off" autofill="off" class="row"> --}}

    <div class="row">


        {{ csrf_field() }}

        <div class="col-sm-6">
            <div class="card">
                <div class="card-header">
                    <strong>General Settings</strong>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label for="labelTitle">Website Title</label>
                                <input type="text" id="labelTitle" name="title" class="form-control" value="{{ $site->title }}">
                            </div>
                        </div>
                    </div>
                    <!--/.row-->
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label>Logo</label>
                                    @include('image::partials.input', [
                                        'input'  => 'logo_id',
                                        'value' => old('logo_id', $site->logo_id ?? null)
                                    ])
                            </div>
                        </div>
                    </div>
                    <!--/.row-->
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label>Favicon</label>
                                @include('image::partials.input', [
                                    'input'  => 'favicon_id',
                                    'value' => old('favicon_id', $site->favicon_id ?? null)
                                ])
                                <small>Must be square. Recommended size: 128 x 128px.</small>
                            </div>
                        </div>
                    </div>
                    <!--/.row-->
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label>Default Featured Image</label>
                                @include('image::partials.input', [
                                    'input'  => 'default_image_id',
                                    'value' => old('default_image_id', $site->default_image_id ?? null)
                                ])
                                <small>This will be used as a fallback when an image is needed but not set.</small>
                            </div>
                        </div>
                    </div>
                    <!--/.row-->
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label>Discourage Search Engines</label>
                                
                                <div class="form-check" value="0">
                                    <input class="form-check-input" type="radio" name="discourage_search" id="discourage_search_no" value="0" @if(!$site->discourage_search)  checked @endif>
                                    <label class="form-check-label" for="discourage_search_no">
                                        No
                                    </label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="discourage_search" id="discourage_search_yes" value="1" @if($site->discourage_search)  checked @endif>
                                    <label class="form-check-label" for="discourage_search_yes">
                                        Yes
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--/.row-->
                </div>
                <!--/.row-->
            </div>
        </div>
    

        {{-- <div class="col-sm-6">
            <div class="card">
                <div class="card-header">
                    <strong>Formatting</strong>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label for="labelTimezone">Timezone</label>
                                <select id="labelTimezone" name="timezone" class="form-control">
                                    {{ timezone_generate_select_options($site->timezone) }}
                                </select>
                            </div>
                        </div>
                    </div>
                    <!--/.row-->
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label>Date Format</label>
                                {{ $site->date_format }}
                                {{ dateformat_create_inputs('date_format', $site->date_format) }}
                            </div>
                        </div>
                    </div>
                    <!--/.row-->
                </div>
                <!--/.row-->
            </div>
        </div> --}}


        <div class="col-sm-6">
            <div class="card">
                <div class="card-header">
                    <strong>Social Media</strong>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label>Facebook</label> <i class="nav-icon icon-social-facebook"></i>
                                <input type="text" name="facebook" class="form-control" value="{{ $site->facebook }}">
                            </div>
                            <div class="form-group">
                                <label>Twitter</label> <i class="nav-icon icon-social-twitter"></i>
                                <input type="text" name="twitter" class="form-control" value="{{ $site->twitter }}">
                            </div>
                            <div class="form-group">
                                <label>Instagram</label> <i class="nav-icon icon-social-instagram"></i>
                                <input type="text" name="instagram" class="form-control" value="{{ $site->instagram }}">
                            </div>
                            <div class="form-group">
                                <label>Pinterest</label> <i class="nav-icon icon-social-pinterest"></i>
                                <input type="text" name="pinterest" class="form-control" value="{{ $site->pinterest }}">
                            </div>
                            {{-- <div class="form-group">
                                <label>Google Plus</label> <i class="nav-icon icon-social-google"></i>
                                <input type="text" name="google_plus" class="form-control" value="{{ $site->google_plus }}">
                            </div> --}}
                            <div class="form-group">
                                <label>Youtube</label> <i class="nav-icon icon-social-youtube"></i>
                                <input type="text" name="youtube" class="form-control" value="{{ $site->youtube }}">
                            </div>
                            <div class="form-group">
                                <label>Linked In</label> <i class="nav-icon icon-social-linkedin"></i>
                                <input type="text" name="linked_in" class="form-control" value="{{ $site->linked_in }}">
                            </div>
                        </div>
                    </div>
                    <!--/.row-->
                </div>
            </div>
        </div>

        <div class="col-sm-6">
            <div class="card">
                <div class="card-header">
                    <strong>Services</strong>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label>'To' Email</label>
                                <input type="text" name="email_to" class="form-control" value="{{ $site->email_to }}">
                                
                            </div>
                            <div class="form-group">
                                <label>'CC' Email</label>
                                <input type="text" name="email_cc" class="form-control" value="{{ $site->email_cc }}">
                                
                            </div>
                            <div class="form-group">
                                <label>'BCC' Email</label>
                                <input type="text" name="email_bcc" class="form-control" value="{{ $site->email_bcc }}">
                                <small>Hint: You can specifiy multiple by using the comma seperator, e.g. 'admin@website.com, sales@website.com'</small>
                            </div>
                            {{-- <div class="form-group">
                                <label>Google ReCaptcha Public Key</label>
                                <input type="text" name="google_recaptcha" class="form-control" value="{{ $site->google_recaptcha }}">
                            </div>
                            <div class="form-group">
                                <label>Google ReCaptcha Private Key</label>
                                <input type="text" name="google_recaptcha_secret" class="form-control" value="{{ $site->google_recaptcha_secret }}">
                            </div> --}}
                            <div class="form-group">
                                <label>Google Maps API Key</label>
                                <input type="text" name="google_maps" class="form-control" value="{{ $site->google_maps }}">
                            </div>
                            {{-- <div class="form-group">
                                <label>Analytics API Key</label>
                                <input type="text" name="google_analytics" class="form-control" value="{{ $site->google_analyics }}">
                            </div> --}}
                    
                        </div>
                    </div>
                    <!--/.row-->
                </div>
            </div>
        </div>            
        
        <div class="col-sm-6">
            <div class="card">
                <div class="card-header">
                    <strong>Forms</strong>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label>Referrers</label>
                                <div class="tags">
                                    
                                    @if(is_array($referrers)) 
                                    
                                        @foreach($referrers as $referrer) 
                                        
                                        <span>{{ $referrer }}</span>

                                        @endforeach

                                    @endif

                                    <input type="text" class="form-control" value="" placeholder="Add Referrer" />
                                    <input type="hidden" name="referrer_json" value="{{ $site->referrer_json }}">
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--/.row-->
                </div>
            </div>
        </div>

        {{-- Banner --}}
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <strong>Banner</strong>
                </div>
                <div class="card-body">
                    @include('admin.banners.editor', ["componentable" => $site, 'disable_default' => 1])
                </div>
            </div>
        </div>
        <div class="col-sm-12">
            <input type="submit" class="btn btn-primary" value="Update">
        </div>
        
    {{-- </form> --}}
    
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    
    </div>

@endsection