@extends('web.layouts.layout')

@section('css')
    <link rel="stylesheet" href="{{asset('assets/web/css/customer_styles.css')}}" />
@endsection

@section('container_content')
    <!--Contents-->
    <main>
        <!-- -------------- login-splash ----------------- -->
        <section class="login-splash p-5">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-7">
                        <div class="login-splash-content text-center">
                            <div class="row justify-content-center">
                                <div class="col-lg-6">
                                    <div class="squar-pattern">
                                        <img src="{{asset('assets/web/images/squar-pattern.png')}}" alt="">
                                        <span>Sign In</span>
                                    </div>
                                </div>
                            </div>
                            @include('web.layouts.partial')
                            <form action="{{route('customer.doLogin')}}" method="post">
                                @csrf()
                                <input type="hidden" name="login_type" value="customer">
                                <div class="form-group">
                                    <label for="name">Name</label>
                                    <input type="text" name="name" id="name" class="form-control" placeholder="Your Name" value="{{old('name', '')}}">
                                </div>
                                <div class="form-group">
                                    <label for="phone">Phone Number</label>
                                    <input type="tel" name="phone" id="phone" class="form-control" placeholder="Phone Number" value="{{old('phone', '')}}">
                                </div>
                                <div class="row">
                                    {{--                                    <div class="col-lg-6">--}}
                                    {{--                                        <div class="custom-control custom-checkbox">--}}
                                    {{--                                            <input type="checkbox" name="remember" value="1" class="custom-control-input" id="customCheck1">--}}
                                    {{--                                            <label class="custom-control-label" for="customCheck1">Check this custom checkbox</label>--}}
                                    {{--                                        </div>--}}
                                    {{--                                    </div>--}}
                                    {{--                                    <div class="col-lg-6 text-right">--}}
                                    {{--                                        <a href="#">Forget Password?</a>--}}
                                    {{--                                    </div>--}}
                                </div>
                                <button class="butn color d-block text-center mt-5 w-100"><span>Sign In</span></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </main>
    <!--End-Contents-->

@endsection

@section('inner_js')

@endsection