@extends('backend-template')

@section('breadcrumbs')
    {!! show_breadcrumbs(['Banners' => url('profile/banner') , 'Build a banner' => false]) !!}
@stop

@section('content')
    @include('blocks.custom_fonts_style')
    <div class="row">
        <div class="col-md-12">
            <h3 class="title">Add a new banner</h3>
            <div class="gap gap-small"></div>
            <a class="btn btn-xl btn-primary" href="{{ route('banner.build') }}">Build a banner</a>
            <a class="btn btn-xl btn-default" href="{{ route('banner.upload') }}">Upload a banner</a>
            @include('layouts/form_errors')
            {!! Form::open(array('url' => 'profile/banner',
                'class' => 'form-horizontal dialog-form',
                'autocomplete' => 'off')) !!}
            {!! Form::hidden('ftype', 'build') !!}
            @include('profile.banner._banner_main_block')
            <fieldset>
                <legend>Top part of the banner</legend>
                <div class="form-group">
                    <label class="col-md-4 control-label" for="top_text_1">Top text line 1</label>
                    <div class="col-md-8">
                        {!! Form::text('top_text_1', null,
                            ['id' => "top_text_1",
                            'class' => 'form-control']) !!}
                    </div>
                </div> {{-- end form-group --}}
                <div class="form-group">
                    <label class="col-md-4 control-label" for="top_text_2">Top text line 2</label>
                    <div class="col-md-8">
                        {!! Form::text('top_text_2', null,
                            ['id' => "top_text_2",
                            'class' => 'form-control']) !!}
                    </div>
                </div>{{-- end form-group --}}
                <div class="form-group">
                    <label class="col-md-4 control-label" for="top_text_color">Top text color</label>
                    <div class="col-md-3">
                        {!! Form::text('top_text_color',
                            "#333333",
                            ['id' => 'top_text_color',
                            'class' => 'form-control colorpicker',
                            'placeholder' => "#333333"]) !!}
                    </div>
                </div>{{-- end form-group --}}
                <div class="form-group">
                    <label class="col-md-4 control-label" for="top_bg_color">Top back color</label>
                    <div class="col-md-3">
                        {!! Form::text('top_bg_color',
                            "#fefefe",
                            ['id' => 'top_bg_color',
                            'class' => 'form-control colorpicker',
                            'placeholder' => "#fefefe"]) !!}
                    </div>
                </div>{{-- end form-group --}}
                <div class="form-group">
                    <label class="col-md-4 control-label" for="top_text_size">Top text size</label>
                    <div class="col-md-3">
                        {!! Form::text('top_text_size', 20,
                            ['id' => "top_text_size",
                            'class' => 'form-control']) !!}
                    </div>
                </div> {{-- end form-group --}}
                <div class="form-group">
                    <label class="col-md-4 control-label" for="top_text_font">Top text font</label>
                    <div class="col-md-3">
                        @include('blocks.custom_fonts_block', ['font_for' => 'top_text_font'])
                    </div>
                </div>{{-- end form-group --}}
            </fieldset>
            <fieldset>
                <legend>Bottom part of the banner</legend>
                <div class="form-group">
                    <label class="col-md-4 control-label" for="bottom_text_1">Bottom text line 1</label>
                    <div class="col-md-8">
                        {!! Form::text('bottom_text_1', null,
                            ['id' => "bottom_text_1",
                            'class' => 'form-control']) !!}
                    </div>
                </div> {{-- end form-group --}}
                <div class="form-group">
                    <label class="col-md-4 control-label" for="bottom_text_2">Bottom text line 2</label>
                    <div class="col-md-8">
                        {!! Form::text('bottom_text_2', null,
                            ['id' => "bottom_text_2",
                            'class' => 'form-control']) !!}
                    </div>
                </div>{{-- end form-group --}}
                <div class="form-group">
                    <label class="col-md-4 control-label" for="bottom_text_color">Bottom text color</label>
                    <div class="col-md-3">
                        {!! Form::text('bottom_text_color',
                            "#333333",
                            ['id' => "bottom_text_color",
                            'class' => 'form-control colorpicker',
                            'placeholder' => "#333333"]) !!}
                    </div>
                </div>{{-- end form-group --}}
                <div class="form-group">
                    <label class="col-md-4 control-label" for="bottom_bg_color">Bottom back color</label>
                    <div class="col-md-3">
                        {!! Form::text('bottom_bg_color',
                            "#fefefe",
                            ['id' => 'bottom_bg_color',
                            'class' => 'form-control colorpicker',
                            'placeholder' => "#fefefe"]) !!}
                    </div>
                </div>{{-- end form-group --}}
                <div class="form-group">
                    <label class="col-md-4 control-label" for="bottom_text_size">Bottom text size</label>
                    <div class="col-md-3">
                        {!! Form::text('bottom_text_size', 15,
                            ['id' => "bottom_text_size",
                            'class' => 'form-control']) !!}
                    </div>
                </div> {{-- end form-group --}}
                <div class="form-group">
                    <label class="col-md-4 control-label" for="bottom_text_font">Bottom text font</label>
                    <div class="col-md-3">
                        @include('blocks.custom_fonts_block', ['font_for' => 'bottom_text_font'])
                    </div>
                </div>{{-- end form-group --}}
            </fieldset>
            <hr>
            <div class="form-group">
                <div class="col-md-8 col-md-offset-4">
                    {!! Form::submit('Save banner', ['class' => 'btn btn-primary pull-right']) !!}
                </div>
            </div> {{-- end form-group --}}
            {!! Form::close() !!}
        </div>
    </div>
@stop