@extends('layouts.adminLayout.backendLayout')
@section('content')
<style>
    #cke_editor1{
        margin-left:10px!important;
        margin-right: 10px!important;
    }
</style>
<div class="page-content-wrapper">
    <div class="page-content">
        <div class="page-head">
            <div class="page-title">
                <h1>About Us Page Management </h1>
            </div>
        </div>
        <ul class="page-breadcrumb breadcrumb">
            <li>
                <a href="{{ url('admin/dashboard') }}">Dashboard</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <a href="{{ url('admin/page/about-us') }}">Cms Page</a>
            </li>
        </ul>
		@if(Session::has('flash_message_error'))
            <div role="alert" class="alert alert-danger alert-dismissible fade in"> <button aria-label="Close" data-dismiss="alert" style="text-indent: 0;" class="close" type="button"><span aria-hidden="true">×</span></button> <strong>Error!</strong> {!! session('flash_message_error') !!} </div>
        @endif
        @if(Session::has('flash_message_success'))
            <div role="alert" class="alert alert-success alert-dismissible fade in"> <button aria-label="Close" data-dismiss="alert" style="text-indent: 0;" class="close" type="button"><span aria-hidden="true">×</span></button> <strong>Success!</strong> {!! session('flash_message_success') !!} </div>
        @endif
        <div class="row">
            <div class="col-md-12 ">
                <div class="portlet blue-hoki box ">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="fa fa-gift"></i>CMS Page
                        </div>
                    </div>
                    <div class="portlet-body form">
                        <form id="EditAbout" role="form" class="form-horizontal" method="post"  action="{{ url('admin/page/about-us') }}"   enctype="multipart/form-data">
                            <input type="hidden" name="_token" value="{{{ csrf_token() }}}" />
                            <div class="form-body">
							
                                							
                                <div class="form-group ">
                                    <label class="col-md-2 control-label">Banner Image:</label>
                                    <div class="col-md-5">
                                        <div data-provides="fileinput" class="fileinput fileinput-new" style="margin-left: 16px;">
                                            <div style="" class="fileinput-new thumbnail">
                                                                                        <img style="height:100px;widtyh:100px;" class="img-responsive"  src="{{ asset('images/default.png') }}">
                                            											
                                        </div>
                                            <div style="max-width: 200px; max-height: 150px; line-height: 10px;" class="fileinput-preview fileinput-exists thumbnail">
                                            </div>
                                            <div>
                                                <div class="form-group">
                                                    <span class="btn default btn-file">
                                                    <span class="fileinput-new">
                                                    Select Image </span>
                                                    <span class="fileinput-exists">
                                                    Select Image </span>
                                                    <input type="file" id="banner" name="banner">
                                                    </span>
                                                    <a data-dismiss="fileinput" class="btn default fileinput-exists" href="#">
                                                    Remove </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
									<div class="col-md-3">
										<span style="color:red">Dimensions - 1170 X 230 </span>
									</div>
                                </div>
								
								
								<div class="form-group" style="display:none">
                                    <label class="col-md-2 control-label">Banner Title :</label>
                                    <div class="col-md-10">
                                        <input type="text" style="color:gray" class="form-control" name="banner_title" value="@if(!empty($cmsdata['banner_title'])) {{$cmsdata['banner_title']}} @endif"/>
                                    </div>
                                </div>
								<div class="form-group">
                                    <label class="col-md-2 control-label">Title 1 :</label>
                                    <div class="col-md-10">
                                        <input type="text" style="color:gray" class="form-control" name="title1" value="@if(!empty($cmsdata['title1'])) {{$cmsdata['title1']}} @endif"/>
                                    </div>
                                </div>
								<div class="form-group">
                                    <label class="col-md-2 control-label">Content 1 :</label>
                                    
                                    <div class="col-md-10">
										<textarea name="content1">@if(!empty($cmsdata['content1'])) {{$cmsdata['content1']}} @endif</textarea>
										<script>
                                                CKEDITOR.replace( 'content1' );
                                        </script>
								    </div>
                                </div>
								<div class="form-group ">
                                    <label class="col-md-2 control-label">Image 1<span style="color:red"></label>
                                    <div class="col-md-4">
                                        <div data-provides="fileinput" class="fileinput fileinput-new" style="margin-left: 16px;">
                                            <div style="" class="fileinput-new thumbnail">
                                                                                        <img style="height:100px;widtyh:100px;" class="img-responsive"  src="{{ asset('images/default.png') }}">
                                            											
                                        </div>
                                            <div style="max-width: 200px; max-height: 150px; line-height: 10px;" class="fileinput-preview fileinput-exists thumbnail">
                                            </div>
                                            <div>
                                                <div class="form-group">
                                                    <span class="btn default btn-file">
                                                    <span class="fileinput-new">
                                                    Select Image </span>
                                                    <span class="fileinput-exists">
                                                    Select Image </span>
                                                    <input type="file" id="image1" name="image1">
                                                    </span>
                                                    <a data-dismiss="fileinput" class="btn default fileinput-exists" href="#">
                                                    Remove </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
									<div class="col-md-3">
										<span style="color:red">Dimensions - 1412 X 612 </span>
									</div>
                                </div>
								
								<div class="form-group">
                                    <label class="col-md-2 control-label">Title 2 :</label>
                                    <div class="col-md-10">
                                        <input type="text" style="color:gray" class="form-control" name="title2" value="@if(!empty($cmsdata['title2'])) {{$cmsdata['title2']}} @endif"/>
                                    </div>
                                </div>
								<div class="form-group">
                                    <label class="col-md-2 control-label">Content 2 :</label>
                                    
                                    <div class="col-md-10">
										<textarea name="content2">@if(!empty($cmsdata['content2'])) {{$cmsdata['content2']}} @endif</textarea>
										<script>
                                                CKEDITOR.replace( 'content2' );
                                        </script>
								    </div>
                                </div>
								<div class="form-group ">
                                    <label class="col-md-2 control-label">Image 2: </label>
                                    <div class="col-md-4">
                                        <div data-provides="fileinput" class="fileinput fileinput-new" style="margin-left: 16px;">
                                            <div style="" class="fileinput-new thumbnail">
                                                                                        <img style="height:100px;widtyh:100px;" class="img-responsive"  src="{{ asset('images/default.png') }}">
                                            											
                                        </div>
                                            <div style="max-width: 200px; max-height: 150px; line-height: 10px;" class="fileinput-preview fileinput-exists thumbnail">
                                            </div>
                                            <div>
                                                <div class="form-group">
                                                    <span class="btn default btn-file">
                                                    <span class="fileinput-new">
                                                    Select Image </span>
                                                    <span class="fileinput-exists">
                                                    Select Image </span>
                                                    <input type="file" id="image2" name="image2">
                                                    </span>
                                                    <a data-dismiss="fileinput" class="btn default fileinput-exists" href="#">
                                                    Remove </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
									<div class="col-md-3">
										<span style="color:red">Dimensions - 1412 X 612 </span>
									</div>
                                </div>
								
								
								
								
                                <div class="form-group">
                                    <label class="col-md-2 control-label">Meta Title :</label>
                                    <div class="col-md-10">
                                        <input type="text" style="color:gray" class="form-control" name="meta_title" value="@if(!empty($cmsdata['meta_title'])) {{$cmsdata['meta_title']}} @endif"/>
                                    </div>
                                </div>							
                                <div class="form-group">
                                    <label class="col-md-2 control-label">Meta Description :</label>
                                    <div class="col-md-10">
                                        <input type="text" style="color:gray" class="form-control" name="meta_description" value="@if(!empty($cmsdata['meta_description'])) {{$cmsdata['meta_description']}} @endif"/>
                                    </div>
                                </div>								
                                <div class="form-group">
                                    <label class="col-md-2 control-label">Meta Keyword :</label>
                                    <div class="col-md-10">
                                        <input type="text" style="color:gray" class="form-control" name="meta_keywords" value="@if(!empty($cmsdata['meta_keywords'])) {{$cmsdata['meta_keywords']}} @endif"/>
                                    </div>
                                </div>
							
    
                                 <div class="form-group">
                                    <label class="col-md-2 control-label">Status :</label>
                                    <div class="col-md-10">
                                        <input name="status" type="checkbox" id="Status" value="1" class="rage_checkbox"  style="margin-top: 11px; width: 20px;height: 17px">
                                    </div>
                                </div>
    
                                

                            </div>
                            <div class="form-actions right1 text-center">
                                <button id="check" class="btn green disable" type="submit">Submit</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection