You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
xshop/resources/views/website/signsms.blade.php

68 lines
3.3 KiB
PHTML

2 years ago
@extends('website.layout')
@section('title')
{{__("Signup or Login")}} -
@endsection
@section('body-class') pink-pattern @endsection
@section('content')
<div id="main-conetent" class="container">
<section id="customer" class="wow zoomInUp" data-wow-delay=".5">
@include('starter-kit::component.err')
<div class="card mt-5 mb-5 m-auto" style="max-width: 65rem;">
<div class="card-body">
<img src="{{asset('images/logo.png')}}" class="img-fluid" alt="logo">
<br>
<br>
<h5 class="card-title text-center">
{{__("Login / Register")}}
</h5>
<div id="sign-sms">
<div class="form-group">
<label for="mobile" class="mb-2">
{{__("Mobile")}}
</label>
<input type="tel" id="mobile" name="mobile" value="" placeholder="{{__("Mobile-Place")}}"
class="form-control">
</div>
<div id="sms-code">
<div class="mb-2 text-center">
{{__("SMS Code")}}
</div>
<div class="row" style="direction: ltr">
<div class="col">
<input type="text" id="sms-first" class="form-control sms-pass" name="pass[]" maxlength="1">
</div>
<div class="col">
<input type="text" class="form-control sms-pass" name="pass[]" maxlength="1">
</div>
<div class="col">
<input type="text" class="form-control sms-pass" name="pass[]" maxlength="1">
</div>
<div class="col">
<input type="text" class="form-control sms-pass" name="pass[]" maxlength="1">
</div>
<div class="col">
<input type="text" id="sms-last" class="form-control sms-pass" name="pass[]" maxlength="1">
</div>
</div>
</div>
<button id="sms-btn" data-customer="{{route('customer')}}" data-check="{{route('checkSMS')}}" data-send="{{route('sendSMS')}}" class="btn btn-primary w-100 mb-2 mt-3">
{{__("Try login")}} به {{config('app.name')}}
</button>
<hr>
<div class="sign-rule mt-3 text-center">
<div> ورود شما به معنای پذیرش
<a href="#">شرایط {{config('app.name')}}</a>
و
<a href="#">قوانین حریم‌خصوصی</a>
است.</div>
</div>
</div>
</div>
</div>
</section>
</div>
@endsection