@extends('layout')

@section('content')
<p align="right"><a href="{{ URL::Route('AdminSettingInstallation') }}"><button class="btn btn-info btn-flat">Installation Settings</button></a></p>

<div class="row">

    <div class="col-md-6 col-sm-12">
        <div class="box box-primary">
            <div class="box-header">
                <h3 class="box-title">Basic App Settings</h3>
            </div><!-- /.box-header -->
            <!-- form start -->
            <form method="post" action="{{ URL::Route('AdminSettingsSave') }}" id="basic"  enctype="multipart/form-data">


                <div class="box-body">

                    


                </div><!-- /.box-body -->

                <div class="box-footer">

                    <button type="submit" class="btn btn-primary btn-flat btn-block">Update Changes</button>
                </div>

        </div>
    </div>



    <div class="col-md-6 col-sm-12">
        <div class="box box-primary">
            <div class="box-header">
                <h3 class="box-title">SMS Templates</h3>
            </div><!-- /.box-header -->


            <div class="box-body">
                
            </div><!-- /.box-body -->

            <div class="box-footer">

                <button type="submit" class="btn btn-primary btn-flat btn-block">Update Changes</button>
            </div>

        </div>
    </div>
    <!--
    
    
    
    <div class="col-md-6 col-sm-12">
    <div class="box box-primary">
    <div class="box-header">
    <h3 class="box-title">Email Templates</h3>
    </div>
    
    <div class="box-body">
    
                                           
    
    
    </div>
    
    <div class="box-footer">
    
    
    <button type="submit" class="btn btn-primary btn-flat btn-block">Save</button>
    </div>
    
    </div>
    </div>
    -->


    <div class="col-md-6 col-sm-12">
        <div class="box box-primary">
            <div class="box-header">
                <h3 class="box-title">Advance Settings</h3>
            </div><!-- /.box-header -->
            <div class="box-body">
                            </div><!-- /.box-body -->

            <div class="box-footer">

                <button type="submit" class="btn btn-primary btn-flat btn-block">Update Changes</button>
            </div>
            </form>
        </div>
    </div>
    <div class="col-md-6 col-sm-12">
        <div class="box box-primary">
            <div class="box-header">
                <h3 class="box-title">Theme Settings</h3>
            </div><!-- /.box-header -->
            <!-- form start -->
            <form enctype="multipart/form-data" onsubmit="Checkfiles(this)" method="post" action="{{ URL::Route('AdminTheme') }}">
                <div class="box-body">
                    <div class="form-group">
                        <label>Logo</label>
                        <input type="file" class="form-control" name="logo" id="logo"></input>
                        <p class="help-block">Please Upload image in .png format.</p>
                                            </div>
                    <hr>
                    <div class="form-group">
                        <label>Title Icon</label>
                        <input type="file" class="form-control" name="icon" id="icon"></input>
                        <p class="help-block">Please Upload image in .ico format.</p>
                                            </div>
                </div><!-- /.box-body -->
                <div class="box-footer">
                    <button type="submit" id="theme" class="btn btn-primary btn-flat btn-block">Update Changes</button>
                </div>
            </form>
        </div>
    </div>
</div>


<script type="text/javascript">

    $('#picker').colpick({
        layout: 'hex',
        submit: 0,
        colorScheme: 'dark',
        onChange: function (hsb, hex, rgb, el, bySetColor) {
            $(el).css('border-color', '#' + hex);
            // Fill the text box just if the color was set using the picker, and not the colpickSetColor function.
            if (!bySetColor)
                $(el).val(hex);
        }
    }).keyup(function () {
        $(this).colpickSetColor(this.value);
    });

    $('#picker1').colpick({
        layout: 'hex',
        submit: 0,
        colorScheme: 'dark',
        onChange: function (hsb, hex, rgb, el, bySetColor) {
            $(el).css('border-color', '#' + hex);
            // Fill the text box just if the color was set using the picker, and not the colpickSetColor function.
            if (!bySetColor)
                $(el).val(hex);
        }
    }).keyup(function () {
        $(this).colpickSetColor(this.value);
    });


    $('#picker2').colpick({
        layout: 'hex',
        submit: 0,
        colorScheme: 'light',
        onChange: function (hsb, hex, rgb, el, bySetColor) {
            $(el).css('border-color', '#' + hex);
            // Fill the text box just if the color was set using the picker, and not the colpickSetColor function.
            if (!bySetColor)
                $(el).val(hex);
        }
    }).keyup(function () {
        $(this).colpickSetColor(this.value);
    });

    $('#picker3').colpick({
        layout: 'hex',
        submit: 0,
        colorScheme: 'dark',
        onChange: function (hsb, hex, rgb, el, bySetColor) {
            $(el).css('border-color', '#' + hex);
            // Fill the text box just if the color was set using the picker, and not the colpickSetColor function.
            if (!bySetColor)
                $(el).val(hex);
        }
    }).keyup(function () {
        $(this).colpickSetColor(this.value);
    });
    $('#picker4').colpick({
        layout: 'hex',
        submit: 0,
        colorScheme: 'dark',
        onChange: function (hsb, hex, rgb, el, bySetColor) {
            $(el).css('border-color', '#' + hex);
            // Fill the text box just if the color was set using the picker, and not the colpickSetColor function.
            if (!bySetColor)
                $(el).val(hex);
        }
    }).keyup(function () {
        $(this).colpickSetColor(this.value);
    });

</script>
<script type="text/javascript">
    function Checkfiles()
    {
        var fup = document.getElementById('logo');
        var fileName = fup.value;
        if (fileName != '')
        {
            var ext = fileName.substring(fileName.lastIndexOf('.') + 1);

            if (ext == "PNG" || ext == "png")
            {
                return true;
            }
            else
            {
                alert("Upload PNG Images only for Logo");
                return false;
            }
        }
        var fup = document.getElementById('icon');
        var fileName1 = fup.value;
        if (fileName1 != '')
        {
            var ext = fileName1.substring(fileName1.lastIndexOf('.') + 1);

            if (ext == "ICO" || ext == "ico")
            {
                return true;
            }
            else
            {
                alert("Upload Icon Images only for Favicon");
                return false;
            }
        }
    }
</script>

<script>
    $(function () {
        $("[data-toggle='tooltip']").tooltip();
    });
</script>

<script type="text/javascript">
    $("#basic").validate({
        rules: {
            1: "required",
            2: "required",
            3: "required",
            4: "required",
            5: "required",
            6: "required",
            7: "required",
            8: "required",
            9: "required",
            10: "required",
            29: "required",
            30: "required",
            31: "required",
            20: {
                required: true,
                email: true
            },
            11: {
                required: true,
            }
        }
    });

</script>

@stop