@extends('layouts.master')
@section('title', 'PetroERP- An ERP for Petrol Pumps')
@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-6">
                    <h5>Country</h5>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item">
                            <a href="#">Place Settings</a>
                        </li>
                        <li class="breadcrumb-item active">Country</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">New Country</h3>
                        <!-- <a class="float-right" style="margin-top: -25px; color: #007bff; font-size: 22px;" data-toggle="popover" title="Add A New Country" data-content="This page is used to add a new country. The form-field marked with red star are mandatory."><i class="fa fa-question-circle"></i></a> -->
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="btn-toolbar">
                                    <a href="/countries" class="btn btn-gray">Active List</a>
                                    <a href="/countries/dlist" class="btn btn-gray">Deactive List</a>
                                    <a href="/countries/create" class="btn btn-gray active">Add Country</a>
                                </div>
                            </div>
                        </div>
                        {!! Form::open(['action' => 'CountriesController@store', 'method' => 'POST', 'class' => 'form-horizontal space-top','data-parsley-validate']) !!}

                            <div class="row form-group">
                                <label class="control-label col-md-2 col-sm-2 col-xs-12" for="name">Name <span class="required"></span></label>
                                <div class="col-md-10 col-sm-10 col-xs-12">
                                    <input type="text" name="name" id="name" required="required" class="form-control" placeholder="Country Name">
                                </div>
                            </div>
                            <div class="row form-group">
                                <label class="control-label col-md-2 col-sm-2 col-xs-12" for="shortName">Short Name <span class="required"></span></label>
                                <div class="col-md-4 col-sm-4 col-xs-12">
                                    <input type="text" name="shortName" id="shortName" required="required" class="form-control" data-parsley-length="[2, 2]" placeholder="Short Name">
                                </div>
                                <label class="control-label col-md-2 col-sm-2 col-xs-12" for="phoneCode">Phone Code <span class="required"></span></label>
                                <div class="col-md-4">
                                    <input type="text" name="phoneCode" id="phoneCode" required="required" class="form-control" placeholder="Phone Code"
                                    data-parsley-type="number", data-parsley-length="[2, 5]">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-4 col-md-offset-2">
                                    <div class="btn-toolbar">
                                        {{Form::submit('Submit', ['class'=>'btn btn-primary'])}}
                                        {{Form::reset('Reset', ['class'=>'btn btn-primary'])}}
                                    </div>
                                </div>
                            </div>
                       
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection