@extends('page')

@section('content')


<!-- Content Header (Page header) -->
  <section class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1>Add New</h1>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="{{ route('companies.index') }}">Companies</a></li>
            <li class="breadcrumb-item active">Add New</li>
          </ol>
        </div>
      </div>
    </div><!-- /.container-fluid -->
  </section>

@if ($message = Session::get('success'))
    <div class="alert alert-success">
        {{ $message }}
    </div>
@endif

<!-- Main content -->
  <section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">
          <div class="card card-info">
            <div class="card-header">
              <h3 class="card-title">Company Details</h3>
                
            </div>
            <!-- /.card-header -->
            <div class="card-body">
            {!! Form::open(array('route' => 'companies.store','method'=>'POST','id'=>'company_form','files'=> true)) !!}
              <div class="row">
                <div class="col-xs-8 col-sm-8 col-md-8">
                  <div class="row">
                    <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="form-group">
                          <strong><label>Company Name : <span class="form-compulsory"> * </span></label></strong>
                          {!! Form::text('company_name', null, array('placeholder' => 'Company Name','class' => 'form-control form-control-sm')) !!}
                          @error('company_name')
                            <span class="error invalid-feedback">{{ $message }}</span>
                          @enderror
                      </div>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="form-group">
                          <strong><label></label></strong><br/><br/>
                          <label>Manufacturer:</label>
                          {!! Form::radio('company_type', 'manufacturer','checked'); !!}
                          <label>Distributer:</label>
                          {!! Form::radio('company_type', 'distributer'); !!}
                          @error('company_type')
                            <span class="error invalid-feedback">{{ $message }}</span>
                          @enderror
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="form-group">
                        <strong><label>Company Code : <span class="form-compulsory"> * </span></label></strong>
                        {!! Form::text('company_code', null, array('placeholder' => 'Company Code','class' => 'form-control form-control-sm')) !!}
                        @error('company_code')
                          <span class="error invalid-feedback">{{ $message }}</span>
                        @enderror
                      </div>
                    </div>
                    <div class="col-xs-6 col-sm-6 col-md-6">
                      <div class="form-group">
                          <label>Company Logo:<span class="form-compulsory"> * </span></label>
                          <div class="input-group">
                            <div class="custom-file">
                              {!! Form::file('company_logo', array('placeholder' => 'Company Logo','class' => 'custom-file-input')) !!}
                              <label class="custom-file-label" for="exampleInputFile"></label>
                            </div>
                            @error('company_logo')
                              <span class="error invalid-feedback">{{ $message }}</span>
                            @enderror
                          </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-xs-4 col-sm-4 col-md-4">
                  
                  <div class="logo_pl"> 
                    <!-- div for company logo -->
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 mar-t5">
                  <h5>Contact Information</h5>
                </div>
              </div>
              <div class="row">
                <div class="col-xs-4 col-sm-4 col-md-4">
                  <div class="form-group">
                      <strong><label>Contact Number : <span class="form-compulsory"> * </span></label></strong>
                      <div class="row">
                        <div class="col-xs-3 col-sm-3 col-md-3">
                          {!! Form::text('telephone_code', 91, array('placeholder' => 'Code','class' => 'form-control form-control-sm','maxlength'=>3)) !!}
                          @error('telephone_code')
                            <span class="error invalid-feedback">{{ $message }}</span>
                          @enderror
                        </div>
                        <div class="col-xs-9 col-sm-9 col-md-9">
                          {!! Form::text('telephone', null, array('placeholder' => 'Contact Number','class' => 'form-control form-control-sm')) !!}
                          @error('telephone')
                            <span class="error invalid-feedback">{{ $message }}</span>
                          @enderror
                        </div>
                      </div>
                  </div>
                </div>
                <div class="col-xs-4 col-sm-4 col-md-4">
                      <div class="form-group" id="company_email_section">
                          <strong><label>Email : <span class="form-compulsory"> * </span></label></strong>
                          {!! Form::text('email', null, array('placeholder' => 'Email','class' => 'form-control form-control-sm', 'id' => 'company_email_id')) !!}
                          @error('email')
                            <span class="error invalid-feedback">{{ $message }}</span>
                          @enderror
                      </div>
                </div>
                <div class="col-xs-4 col-sm-4 col-md-4">
                      <div class="form-group">
                          <strong><label>Website :</label></strong>
                          {!! Form::text('website', null, array('placeholder' => 'Website','class' => 'form-control form-control-sm')) !!}
                          @error('website')
                            <span class="error invalid-feedback">{{ $message }}</span>
                          @enderror
                      </div>
                </div>
              </div>
              <div class="row">
                <div class="col-xs-4 col-sm-4 col-md-4">
                  <div class="form-group">
                    <strong><label>Building Name : <span class="form-compulsory"> * </span></label></strong>
                    {!! Form::text('building_name', null, array('placeholder' => 'Building Name','class' => 'form-control form-control-sm')) !!}
                    @error('building_name')
                      <span class="error invalid-feedback">{{ $message }}</span>
                    @enderror
                  </div>
                </div>
                <div class="col-xs-4 col-sm-4 col-md-4">
                  <div class="form-group">
                    <strong><label>Area/Street :</label></strong>
                    {!! Form::text('area', null, array('placeholder' => 'Area','class' => 'form-control form-control-sm')) !!}
                    @error('area')
                      <span class="error invalid-feedback">{{ $message }}</span>
                    @enderror
                  </div>
                </div>
                <div class="col-xs-4 col-sm-4 col-md-4">
                  <div class="form-group">
                      <strong><label>Landmark :</label></strong>
                      {!! Form::text('landmark', null, array('placeholder' => 'Landmark','class' => 'form-control form-control-sm')) !!}
                      @error('landmark')
                        <span class="error invalid-feedback">{{ $message }}</span>
                      @enderror
                  </div>
                </div>
              </div>

              <div class="row">
                
                <div class="col-xs-4 col-sm-4 col-md-4">  
                    <div class="form-group">
                        <strong><label>Town/City :</label></strong>
                        {!! Form::text('town', null, array('placeholder' => 'Town','class' => 'form-control form-control-sm')) !!}
                        @error('town')
                          <span class="error invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>
                </div>
                <div class="col-xs-4 col-sm-4 col-md-4">
                    <div class="form-group">
                        <strong><label>Country :</label></strong>
                      
                        {!! Form::select('countries[]', $countries,'India', array('class' => 'form-control form-control-sm')) !!}
                        @error('countries')
                          <span class="error invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>
                </div>
                <div class="col-xs-2 col-sm-2 col-md-2"> 
                      <div class="form-group">
                          <strong><label>State :</label></strong>
                          {!! Form::text('state', null, array('placeholder' => 'State','class' => 'form-control form-control-sm')) !!}
                          @error('state')
                            <span class="error invalid-feedback">{{ $message }}</span>
                          @enderror
                      </div>
                </div>
                <div class="col-xs-2 col-sm-2 col-md-2">
                      <div class="form-group">
                          <strong><label>PIN : <span class="form-compulsory"> * </span></label></strong>
                          {!! Form::text('pin', null, array('placeholder' => 'PIN','class' => 'form-control form-control-sm')) !!}
                          @error('pin')
                            <span class="error invalid-feedback">{{ $message }}</span>
                          @enderror
                      </div>
                </div>
                
                
              </div>
              <div class="row">
                
              </div>
                      <!-- <div class="form-group">
                          <strong>Note :</strong>
                          {!! Form::text('note', null, array('placeholder' => 'Note','class' => 'form-control form-control-sm')) !!}
                      </div> -->
              <div class="row">
              <div class="col-xs-12 col-sm-12 col-md-12 mar-t5">
                  <h5>Company Categories</h5>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-6">
                  <div class="form-group">
    
                      {!! Form::select('categories[]', $categories,[], array('class' => 'form-control form-control-sm','multiple','id'=>'categories')) !!}
                      @error('categories')
                        <span class="error invalid-feedback">{{ $message }}</span>
                      @enderror
                  </div>
                </div>

                  
                      
                      
                  </div>
                  <div class="col-xs-12 col-sm-12 col-md-12 text-left">
                      <button type="submit" class="btn btn-primary">Submit</button>
                  </div>
              </div>
              {!! Form::close() !!}
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->

        <!-- <div class="col-5">
        <div class="card card-info">
              <div class="card-header">
                <h3 class="card-title">
                  <i class="ion ion-clipboard mr-1"></i>
                  Guidelines
                </h3>
                </div>
                <div class="card-body">
                Guidelines comes here.
                </div>
              </div>
              </div>


            </div> -->

      </div>
      <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
  </section>
<!-- /.content -->

<!-- <script type="text/javascript" language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> -->
<!-- <script type="text/javascript" language="javascript" src="{{asset('js/users/index.js')}}"></script> -->
<script type="text/javascript" language="javascript" src="{{asset('js/companies/validation.js')}}"></script>
    
@endsection