@extends('layouts.app')


@section('content')

    <div class="right_col" role="main">
        <div class="">
            <div class="clearfix"></div>

            @if (count($errors) > 0)
                <div class="alert alert-danger">
                    <strong>Whoops!</strong> There were some problems with your input.<br><br>
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>Create New Category</h2>
                            <div class="pull-right">
                                <a class="btn btn-primary" href="{{ route('categories.index') }}"> Back</a>
                            </div>

                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <br/>
                            {!! Form::open(['method' => 'POST','accept-charset' => "UTF-8" ,'role' => 'form' ,
                            'enctype' => 'multipart/form-data' , 'data-parsley-validate' , 'id' => 'demo-form2',
                             'class' => 'form-horizontal form-label-left','route' => 'categories.store']) !!}

                            <div class="form-group {{ ($errors->has('name')) ? 'has-error' : '' }}">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">Name <span
                                        class="required">*</span>
                                </label>
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    {!! Form::text('name', null, array('placeholder' => 'Name','class' => 'form-control' , 'required' => 'required')) !!}
                                </div>
                                {!! ($errors->has('name') ? $errors->first('name', '<p class="text-danger">:message</p>') : '') !!}
                            </div>
                            
                            <div class="form-group {{ ($errors->has('urdu_name')) ? 'has-error' : '' }}">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">Urdu Name <span
                                        class="required">*</span>
                                </label>
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    {!! Form::text('urdu_name', null, array('placeholder' => 'Name','class' => 'form-control' , 'required' => 'required')) !!}
                                </div>
                                {!! ($errors->has('urdu_name') ? $errors->first('urdu_name', '<p class="text-danger">:message</p>') : '') !!}
                            </div>
                            
                            
                            <div class="form-group {{ ($errors->has('images')) ? 'has-error' : '' }}">
                                <label class="control-label col-md-3 col-sm-3 col-xs-12" for="roles">Image <span
                                        class="required">*</span>
                                </label>
                                <div class="col-md-6 col-sm-6 col-xs-12">
                                    {!! Form::file('images',null, array('class' => 'form-control col-md-7 col-xs-12' , 'required' => 'required')) !!}
                                </div>
                                {!! ($errors->has('images') ? $errors->first('photo', '<p class="text-danger">:message</p>') : '') !!}
                            </div>

                            <div class="col-xs-12 col-sm-12 col-md-12 text-center">
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </div>

                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection