@extends('restaurantOwner.layouts.restaurantOwner_auth')
@section('title')
Restaurant Owner | Registration
@endsection

@section('styles')
<style type="text/css">
    .bg-info a{
        color:#007bff!important;;
    }
</style>
@endsection

@section('content')
<div class="login-box">
    <div class="login-logo">
        <!-- <img src="{{ asset('assets/front/images/logo-img.png') }}" alt="" /> -->
        <!-- <b>Registration</b> -->
    </div>

    @if ($errors->any())            
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    
    @include('restaurantOwner.partials.message')
    <!-- /.login-logo -->
    <div class="card">
        <div class="card-body login-card-body">
            <p class="login-box-msg text-info">Register a new membership</p>
            <form action="{{ route('restaurantOwner.outside.register') }}" method="post" enctype="multipart/form-data" >
                @csrf
                <input type="hidden" name="outsider" value="{{ Request::segment(3) }}">
                <input type="hidden" name="id" value="{{ Request::segment(4) }}">

                <div class="form-group has-feedback {{ $errors->has('user_name') ? ' is-invalid' : '' }}">
                    <input type="text" class="form-control {{ $errors->has('user_name') ? ' is-invalid' : '' }}" placeholder="User Name" name="name" title="User Name" value="{{ $recordDetails->user_name??old('user_name') }}" autocomplete="off" autofocus>
                    @if ($errors->has('user_name'))
                        <span class="form-control-feedback invalid-feedback" role="alert">
                          <strong>{{ $errors->first('user_name') }}</strong>
                        </span>
                    @endif          
                </div>

                <div class="form-group has-feedback {{ $errors->has('user_email') ? ' is-invalid' : '' }}">
                    <input type="email" class="form-control {{ $errors->has('user_email') ? ' is-invalid' : '' }}" placeholder="User Email" name="email" title="User Email" value="{{ $recordDetails->user_email??old('user_email') }}" autofocus autocomplete="off">
                    @if ($errors->has('user_email'))
                        <span class="fa fa-envelope form-control-feedback invalid-feedback" role="alert">
                          <strong>{{ $errors->first('user_email') }}</strong>
                        </span>
                    @endif          
                </div>

                <div class="form-group has-feedback {{ $errors->has('password') ? ' is-invalid' : '' }}">
                    <input type="password" class="form-control {{ $errors->has('password') ? ' is-invalid' : '' }}" placeholder="User Password" name="password" title="User Password" value="" autofocus>
                    @if ($errors->has('password'))
                        <span class="form-control-feedback invalid-feedback" role="alert">
                          <strong>{{ $errors->first('password') }}</strong>
                        </span>
                    @endif          
                </div>

                <div class="form-group has-feedback {{ $errors->has('confirm_password') ? ' is-invalid' : '' }}">
                    <input type="password" class="form-control {{ $errors->has('password_confirmation') ? ' is-invalid' : '' }}" placeholder="User Confirm Password" title="User Confirm Password" name="password_confirmation" value="" autofocus>
                    @if ($errors->has('password_confirmation'))
                        <span class="form-control-feedback invalid-feedback" role="alert">
                          <strong>{{ $errors->first('password_confirmation') }}</strong>
                        </span>
                    @endif          
                </div>

                <div class="form-group has-feedback {{ $errors->has('restaurant_name') ? ' is-invalid' : '' }}">
                    <input type="text" class="form-control {{ $errors->has('restaurant_name') ? ' is-invalid' : '' }}" placeholder="Restaurant Name" value="{{ $recordDetails->restaurant_name??old('restaurant_name') }}" autofocus readonly="" title="Restaurant Name">
                    @if ($errors->has('restaurant_name'))
                        <span class="form-control-feedback invalid-feedback" role="alert">
                          <strong>{{ $errors->first('restaurant_name') }}</strong>
                        </span>
                    @endif          
                </div>

                <div class="form-group has-feedback {{ $errors->has('address') ? ' is-invalid' : '' }}">
                    <textarea class="form-control {{ $errors->has('address') ? ' is-invalid' : '' }}" placeholder="Restaurant Address" rows="5" autofocus readonly="" title="Restaurant Address">{{ $recordDetails->address??old('address') }}</textarea>
                    @if ($errors->has('address'))
                        <span class="form-control-feedback invalid-feedback" role="alert">
                          <strong>{{ $errors->first('address') }}</strong>
                        </span>
                    @endif          
                </div>

                <div class="form-group has-feedback {{ $errors->has('zip_code') ? ' is-invalid' : '' }}">
                    <input type="text" class="form-control {{ $errors->has('zip_code') ? ' is-invalid' : '' }}" placeholder="Restaurant Zip code" title="Restaurant Zip code" value="{{ $recordDetails->zip_code??old('address') }}" name="zip_code" {{ $recordDetails->zip_code?'readonly':''}} autofocus autocomplete="">
                    @if ($errors->has('zip_code'))
                        <span class="form-control-feedback invalid-feedback" role="alert">
                          <strong>{{ $errors->first('zip_code') }}</strong>
                        </span>
                    @endif          
                </div>

                <div class="form-group has-feedback {{ $errors->has('logo_image') ? ' is-invalid' : '' }}">                    
                    <div class="input-group">
                        <div class="custom-file">
                            <input type="file" class="custom-file-input {{ $errors->has('logo_image') ? ' is-invalid' : '' }}" id="logo_image" name="logo_image" value="">
                            <label class="custom-file-label" for="logo_image">Choose Restaurant Logo file</label>
                        </div>                      
                    </div>
                    <small><p class="text-right">Logo size must be within <b>{{ get_setting('badge-logo-size') }}</b></p></small>
                    @if ($errors->has('logo_image'))
                        <span class="form-control-feedback text-danger" role="alert">
                          <strong>{{ $errors->first('logo_image') }}</strong>
                        </span>
                    @endif                    
                </div>

                <div class="form-group has-feedback {{ $errors->has('discount') ? ' is-invalid' : '' }}">
                    <input type="number" class="form-control {{ $errors->has('discount') ? ' is-invalid' : '' }}" placeholder="Discount value(%)" name="discount" title="Discount Percentage value" value="{{ old('discount') }}" autofocus min="0" oninput="validity.valid||(value='');">
                    @if ($errors->has('discount'))
                        <span class="form-control-feedback invalid-feedback" role="alert">
                          <strong>{{ $errors->first('discount') }}</strong>
                        </span>
                    @endif          
                </div>

                <div class="form-group has-feedback text-secondary {{ $errors->has('terms') ? ' is-invalid' : '' }}">
                    <label class="text-secondary">
                    <input type="checkbox" name="terms"> I accept the <a target="_blank" href="{{ url('cms/terms-conditions') }}" class="terms {{ $errors->has('terms') ? ' is-invalid' : '' }}">terms & conditions</a>
                    </label>
                    @if ($errors->has('terms'))
                        <span class="form-control-feedback invalid-feedback" role="alert">
                          <strong>{{ $errors->first('terms') }}</strong>
                        </span>
                    @endif          
                </div>                
                
                <div class="row">
                    <div class="col-12">            
                        <button type="submit" class="btn btn-primary btn-block btn-flat">
                        {{ __('Register') }}</button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md- 12">            
                        <small class="font-weight-bold">You will get an activation link in your email</small>
                    </div>
                </div>
            </form>            
            <p class="mb-0 text-center"></p>
        </div>

        <div class="form-group has-feedback text-center">
            &copy; copyright {{date('Y',(int)time())}} {{ get_setting('site-name') }}. All rights reserved.        
        </div>

        <!-- /.login-card-body -->
    </div>
    <!-- /.login-box-body -->
</div>
@endsection

@section('scripts')
<script type="text/javascript">
// Add the following code if you want the name of the file appear on select
$(".custom-file-input").on("change", function() {
  var fileName = $(this).val().split("\\").pop();
  $(this).siblings(".custom-file-label").addClass("selected").html(fileName);
});

// validation message
function message(msg, obj, messageShow)
{
  $('.form-control-feedback.invalid-feedback').remove();
  var html = $('<span class="form-control-feedback invalid-feedback" role="alert"><strong> '+msg+'</strong></span>');
      obj.addClass('is-invalid').closest('div').addClass('is-invalid').append(html);
}

// check email
$('input[name="email"]').on('blur', function (event) {

    var email = $(this).val();
    email     = email.trim();
    var obj   = $(this);

    if(email)
    {
      if(IsEmail(email)==false){        
        message(' Invalid Email Address', obj, true);
        return false;
      }

      $.ajaxSetup({
          headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf_token"]').attr('content')
          }
      });
      $.ajax({
          url: baseUrl + 'restaurantOwner/emailCheckWithRole',
          method: 'post',
          dataType: 'json',
          data: {
              email: email,
              _token: $('meta[name="csrf_token"]').attr('content')
          },
          success: function (result) {
              if (result.data['found'] == 1) {
                message(result.data['message'], obj, true);
              }              
          }
      });
    }
});

function IsEmail(email) {
    var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    if(!regex.test(email)) {
      return false;
    }else{
      return true;
    }
}

$(document).ready(function() {
    $('button[type="submit"]').click(function() {        
        var password = $('input[name="password"]');
        var confirm = $('input[name="password_confirmation"]');

        if(password.val().length === 0) {
            message("Please enter password.", password, false);
            password.focus();
            return false;
        }

        if(password.val() != confirm.val()) {
            message("Passwords do not match.", confirm, false);
            confirm.focus();
            return false;
        }

        $(this).prop("disabled", true);

        $(this).closest('form').submit();
    });
});

jQuery(document).on('click change','form input, form select, form textarea', function() {
    $(this).removeClass("is-invalid").parents('div.is-invalid').find('span.form-control-feedback.text-danger').hide();
});

jQuery(document).on('click change','form input, form select, form textarea', function() {
  $(this).removeClass("is-invalid").parents('div.is-invalid').find('span.form-control-feedback.invalid-feedback').hide();
});

</script>
@endsection