@extends('admin.masters.base')

@section('styles')
    <link rel="stylesheet" href="{{ asset('/css/bootstrap-toggle.min.css') }}">
@stop

@section('pagetitle')
	Settings <small>overview</small>
@stop

@section('crumbs')
	<li class="active">
		<i class="fa fa-text-o"></i> Settings
	</li>
@stop

@section('pagecontents')

    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="clearfix"></div>
                </div>
                <div class="panel-body pages">
                    <div class="col-md-6">
                        <div class="well">
                            <h3>Global Settings</h3>
                            <div class="table-responsive">
                                {!! Form::open() !!}
                                    <div class="col-md-12 toggle well">
                                        <label for="existing">Site is active</label>
                                        <input id="toggle-one" type="checkbox" checked data-on="Yes" data-off="No" name="active">
                                       
                                    </div>
                                    <div class="col-md-12">
                                        <label for="language">Default Language</label>
                                        <select name="langauge" id="language" class="form-control">
                                            <option value="eng">English</option>
                                            <option value="ara">Arabic</option>
                                        </select>
                                    </div>
                                    <div class="clearfix"></div>
                                    <hr>
                                    <div class="col-md-12 text-right">
                                        <button class="btn btn-primary">Save changes</button>
                                    </div>
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="well">
                            <h3>Social Media</h3>
                            <div class="table-responsive">
                                <label>Facebook</label>
                                <input type="text" value="{{ $settings->facebook }}" class="form-control">
                            </div>
                            <div class="table-responsive">
                                <label>Twitter</label>
                                <input type="text" value="{{ $settings->twitter }}" class="form-control">
                            </div>
                            <div class="table-responsive">
                                <label>LinkedIn</label>
                                <input type="text" value="{{ $settings->linkedin }}" class="form-control">
                            </div>
                            <div class="table-responsive">
                                <label>Pinterest</label>
                                <input type="text" value="{{ $settings->pinterest }}" disabled class="form-control">
                            </div>
                            <div class="table-responsive">
                                <label>Google Plus</label>
                                <input type="text" value="{{ $settings->googleplus }}" disabled class="form-control">
                            </div>
                            <div class="table-responsive">
                                <label>Four Square</label>
                                <input type="text" value="{{ $settings->foursquare }}" disabled class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('scripts')
    <script type="text/javascript" src="{{asset('/js/bootstrap-toggle.min.js') }}"></script>
    <script>
        $(function() {
            $('#toggle-one').bootstrapToggle();
          })
    </script>
@stop