@extends('admin.layouts.master-soyuz')
@section('title',__("Create New Store |"))
@section('body')

@component('admin.component.breadcumb',['thirdactive' => 'active'])
@slot('heading')
   {{ __('Create New Store') }}
@endslot

@slot('menu1')
   {{ __('Store') }}
@endslot
@slot('menu2')
   {{ __('Create New Store') }}
@endslot


@slot('button')
<div class="col-md-6">
  <div class="widgetbar">
    <a href=" {{url('admin/stores')}} " class="btn btn-primary-rgba"><i class="feather icon-arrow-left mr-2"></i>{{ __("Back")}}</a>

  </div>
</div>
@endslot

@endcomponent


<div class="contentbar">
  <div class="row">
   
    <div class="col-lg-12">
      @if ($errors->any())
      <div class="alert alert-danger" role="alert">
        @foreach($errors->all() as $error)
        <p>{{ $error}}<button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span></button></p>
        @endforeach
      </div>
      @endif
      <div class="card m-b-30">
        <div class="card-header">
          <h5>{{ __('Add Store') }}</h5>
        </div>
        <div class="card-body">
          <form action="{{route('stores.store')}}" class="form" method="POST" novalidate enctype="multipart/form-data">
              @csrf
              <div class="row">
                    <div class="col-md-4">
                          <div class="form-group">
                              <label class="text-dark">{{ __('Store Owner') }} : <span class="text-danger">*</span></label>
                                <select class="select2 form-control" name="user_id" required>
                                  <option value="">{{ __("Please Choose Store Owner") }}</option>
                                  @foreach($users as $user)
                                    <optgroup label="{{ $user->email }}">
                                    <option {{ old('user_id') == $user->id ? 'selected' : ""}} value="{{$user->id}}"> {{$user->name}}</option>
                                    </optgroup>
                                  @endforeach
                                </select>
                                <small>
                                <i class="fa fa-question-circle"></i> {{ __('Choose Store Owner') }}
                                </small>
                          </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="text-dark">{{ __('Store Name :') }} <span class="text-danger">*</span></label>
                            <input type="text" value="{{ old('name') }}" autofocus="" class="form-control @error('name') is-invalid @enderror" placeholder="{{ __('Enter Store Name') }}" name="name" required="">
                            <small class="text-muted">
                              <i class="fa fa-question-circle"></i> {{ __('Enter Store Name') }}
                            </small>
                        </div>
                    </div>
                    
                    <!-- email -->
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="text-dark">{{ __('Business Email :') }} <span class="text-danger">*</span></label>
                            <input type="text" value="{{ old('email') }}" autofocus="" class="form-control @error('email') is-invalid @enderror" placeholder="{{ __('Please enter buisness email') }}" name="email" required="">
                            <small>
                              <i class="fa fa-question-circle"></i> {{ __('Please enter buisness email') }}
                            </small>
                        </div>
                    </div>
                    
                    <!-- VAT/GSTIN No: -->
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="text-dark">{{ __('VAT/GSTIN No :') }} </label>
                            <input type="text" value="{{ old('vat_no') }}" autofocus="" class="form-control @error('vat_no') is-invalid @enderror" placeholder="{{ __('Please enter your GSTIN/VAT No.') }}" name="vat_no">
                            <small>
                              <i class="fa fa-question-circle"></i> {{ __('Please enter valid GSTIN/VAT No.') }}
                            </small>
                        </div>
                    </div>
                    
                    <!-- Phone -->
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="text-dark">{{ __('Phone :') }} </label>
                            <input pattern="[0-9]+" title="Invalid phone no." placeholder="Please enter phone no." type="text" id="first-name" name="phone" value="{{ old('phone') }}" class="form-control">
                            <small class="text-muted">
                              <i class="fa fa-question-circle"></i> {{ __('Please enter Phoneno.') }}
                            </small>
                        </div>
                    </div>
                    
                    <!-- Mobile -->
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="text-dark">{{ __('Mobile :') }} <span class="text-danger">*</span></label>
                            <input pattern="[0-9]+" title="Invalid mobile no." placeholder="Please enter mobile no." type="text" id="first-name" name="mobile" class="form-control" value="{{ old('mobile') }}">
                            <small class="text-muted">
                              <i class="fa fa-question-circle"></i> {{ __('Please select Mobile no.') }}
                            </small>
                        </div>
                    </div>
                    
                    <!-- Store Address -->
                    <div class="col-md-4">
                        <div class="form-group">
                            <label class="text-dark">{{ __('Store Address :') }} <span class="text-danger">*</span></label>
                            <textarea class="form-control" required name="address" id="address" cols="30" rows="5">
                            {{ old('address') }}
                            </textarea>
                            <small class="text-muted">
                              <i class="fa fa-question-circle"></i> {{ __('Please Enter Store Address') }}
                            </small>
                        </div>
                    </div>
                    
                    <!-- Country -->
                    <div class="col-md-4">
                      <div class="form-group">
                          <label class="text-dark">{{ __('Country') }} : <span class="text-danger">*</span></label>
                          <select data-placeholder="{{ __('Country') }}" name="country_id" id="country_id" class="form-control select2 col-md-7 col-xs-12">
                            <option value="0">{{ __("Please Choose") }}</option>
                            @foreach($countrys as $country)