@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>
    <!-- /.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.register') }}" method="post">
                @csrf
                <input type="hidden" name="id" value="{{ Request::segment(3) }}">
                <div class="form-group has-feedback {{ $errors->has('email') ? ' is-invalid' : '' }}">
                    <input type="email" class="form-control {{ $errors->has('email') ? ' is-invalid' : '' }}" placeholder="Restaurant Owner's Email" name="email" value="{{ old('email') }}" autofocus>
                    @if ($errors->has('email'))
                        <span class="fa fa-envelope form-control-feedback invalid-feedback" role="alert">
                          <strong>{{ $errors->first('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="Password" name="password" value="" autofocus>
                    @if ($errors->has('password'))
                        <span class="fa fa-envelope 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="Confirm Password" name="password_confirmation" value="" autofocus>
                    @if ($errors->has('password_confirmation'))
                        <span class="fa fa-envelope 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" name="restaurant_name" value="{{ old('restaurant_name') }}" autofocus>
                    @if ($errors->has('restaurant_name'))
                        <span class="fa fa-envelope form-control-feedback invalid-feedback" role="alert">
                          <strong>{{ $errors->first('restaurant_name') }}</strong>
                        </span>
                    @endif          
                </div>

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

                <div class="form-group has-feedback {{ $errors->has('profile_image') ? ' is-invalid' : '' }}">                    
                    <div class="input-group">
                        <div class="custom-file">
                            <input type="file" class="custom-file-input {{ $errors->has('profile_image') ? ' is-invalid' : '' }}" id="customFile" name="profile_image" value="">
                            <label class="custom-file-label" for="customFile">Choose Logo file</label>
                        </div>                      
                    </div>
                    @if ($errors->has('profile_image'))
                        <span class="form-control-feedback text-danger" role="alert">
                          <strong>{{ $errors->first('profile_image') }}</strong>
                        </span>
                    @endif                    
                </div>

                <div class="form-group has-feedback {{ $errors->has('discount') ? ' is-invalid' : '' }}">
                    <input type="text" class="form-control {{ $errors->has('discount') ? ' is-invalid' : '' }}" placeholder="Discount given(showing in Badge logo)" name="discount" value="{{ old('discount') }}" autofocus>
                    @if ($errors->has('discount'))
                        <span class="fa fa-envelope 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('profile_image') ? ' is-invalid' : '' }}">
                    <label>
                    <input type="checkbox"><span class="text-secondary"> I accept the </span> <a href="#" class="terms">terms & conditions</a>
                    </label>
                    @if ($errors->has('email'))
                        <span class="fa fa-envelope form-control-feedback invalid-feedback" role="alert">
                          <strong>{{ $errors->first('email') }}</strong>
                        </span>
                    @endif          
                </div>                
                
                <div class="row">
                    <div class="col-0">
                        <div class="checkbox icheck" style="display: none;">
                            <label>                
                                <input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>

                                <label class="form-check-label" for="remember">{{ __('Remember Me') }}
                                </label>
                            </label>
                        </div>
                    </div>
                    <!-- /.col -->
                    <div class="col-12">            
                        <button type="submit" class="btn btn-primary btn-block btn-flat">
                        {{ __('Register') }}</button>
                    </div>
                    <!-- /.col -->
                </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="fa fa-envelope 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"]').val();
        var obj = $('input[name="password_confirmation"]');
        var confirm = obj.val();
        if(password != confirm) {
            message("Passwords do not match.", obj, false);
            return false;
        }

        return true;
    });
});


</script>
@endsection