@extends('admin/layouts/default')

{{-- Page title --}}
@section('title')
    New Competitor
    @parent
@stop

{{-- page level styles --}}
@section('header_styles')

    <link href="{{ asset('assets/vendors/jasny-bootstrap/css/jasny-bootstrap.css') }}"  rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/vendors/iCheck/css/all.css') }}"  rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/css/pages/pareto.css') }}"  rel="stylesheet" type="text/css" />

@stop
{{-- Page content --}}
@section('content')
    <section class="content-header">
        <!--section starts-->
        <h1>New Competitor</h1>

    </section>
    <!--section ends-->
    <section class="content">
        <!--main content-->
        <div class="row">
            <!--row starts-->
            <div class="col-md-12">
                <!--lg-6 starts-->
                <!--basic form starts-->
                <div class="panel panel-primary" id="hidepanel1">

                    <div class="panel-body">

                        <div id="competitor_check" style="display: none">
                            <p style="color: red">This competitor name already exists!</p>
                        </div>

                        <form class="form-horizontal pareto-menu" method="post"
                              action="{{ route('admin.submit_competitor') }}">
                            {{ csrf_field() }}
                            <div style="width: 60%; display: block; margin: 0 auto;">
                                <div class="input-block active-first-tier new-demand-form">
                                    <div class="form-group">

                                        <div class="form-group">
                                            <label class="col-md-3 control-label" for="competitor_name">Competitor
                                                Name</label>
                                            <input id="competitor_name" name="competitor_name" type="text"
                                                   class="form-control" required>
                                        </div>

                                        <div class="form-group">
                                            <label class="col-md-3 control-label" for="capacity">Capacity (EUR)</label>
                                            <input id="capacity" name="capacity" type="number" class="form-control"
                                                   required>
                                        </div>

                                        <div class="form-position">

                                            <button type="submit" id="button-lg"
                                                    class="btn btn-responsive btn-primary btn-sm">Save Competitor
                                            </button>

                                        </div>

                                    </div>
                                </div>

                                <div class="show-distribution">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

            </div>
            <!--md-6 ends-->
<div class="loan_dashboard">

</div>
        </div>

        <!--main content ends--> </section>
    <!-- content -->
@stop

{{-- page level scripts --}}
@section('footer_scripts')
    <script>
        var route_check_competitor="{{ route('admin.competitor_check') }}";
    </script>

    <script src="{{ asset('assets/js/pages/competitors.js') }}"></script>
    <script src="{{ asset('assets/vendors/jasny-bootstrap/js/jasny-bootstrap.js') }}" ></script>
    <script src="{{ asset('assets/vendors/iCheck/js/icheck.js') }}"></script>
    <script src="{{ asset('assets/js/pages/form_examples.js') }}"></script>

@stop