@extends('layouts.master')
@section('page_title', 'Create a New Color')
@section('content')
    {!! Form::open(['url' => action('SuperAdminSourceDataController@post_color_create', $family), 'files' => true]) !!}
    <div class="container">
        {!! Form::hidden('type', 3) !!}
        {{ Form::page_header("Create a New Color", "sourcedata") }}
        <div class="row grid-header">
            <div class="col-md-10 col-md-offset-1 no-left-pad">
                {{ Form::button_link('Back', action('SuperAdminSourceDataController@color_family_edit', compact('family')), 'back_btn') }}
            </div>
        </div>
        <div class="row">
            <div class="col-md-10 col-md-offset-1 grey-bg curve_container">
                <div class="source-with-image-wrapper">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <label class="source-data-label"><strong>Color Family:</strong> {{ $family->visual_personality_source_name }}</label>
                        </div>
                    </div>
                    <hr class="grey-divider small-screen-divider">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            {{ Form::label_styled('Color Name:', 'source-data-label', \App\Helpers\FormComponentHelper::SIZE_LARGE) }}
                            {{ Form::text_styled('visual_personality_source_name', null, 'account-pages-text-input md-lg', null) }}
                            {{ Form::hidden('active', 0) }}
                            {{ Form::checkbox('active', 1, null, ['class' => 'brand-checkbox no-fade']) }}
                            <label><span><span></span></span>Active</label>
                        </div>
                    </div>
                    <br />
                    @include('super_admin._upload_image')
                </div>
                <hr class="grey-divider small-screen-divider">
                <div class="row button-row small-screen-btn-row">
                    <div class="col-md-12 text-center">
                        {{ Form::button_save('Done') }}
                    </div>
                </div>
            </div>
        </div>
    </div>
    {!! Form::close() !!}
@endsection
@section('page_script')
    @include('shared_script._browse_button_script')

    <script>
        $(document).ready(function() {
            init_browse_button('image');
        });
    </script>
@endsection