@extends('user.layout.master')
@section('content')

    <!-- Title Header End -->
    <style>
        section {
            background-image: url(user/assets/img/backgrond.jpg);
            overflow: hidden;
        }

        .new-logwrap {
            padding: 21px;
            overflow: hidden;
        }

        @media (max-width: 600px) {
            section {
                overflow: hidden;
            }
        }

        .tal {
            color: white !important;
            padding-top: 5px;
            font-weight: bold;
        }

        /* 
                                #Back {
                                    background-image: url(user/assets/img/backgrond.jpg) !important;
                                    background-size: cover !important;
                                } */

    </style>
    <!-- Tab Section Start -->
    <section class="tab-sec gray" id="Back">
        <div class="container">
            <div class="col-lg-8 col-md-8 col-sm-12 col-lg-offset-2 col-md-offset-2">

                <div class="new-logwrap">
                    <h1 class="text-center" style="color: white">Account Login</h1>
                    <ul class="nav modern-tabs nav-tabs theme-bg" id="simple-design-tab">
                        <li id="event_back" @if (request()->type != 'dj') class="active"  @endif onclick="EventBack()"><a href="#manager">Event
                                Manager</a></li>
                        <li id="dj_back" @if (request()->type == 'dj') class="active" @endif onclick="DjBack()"><a href="#dj">DJ</a></li>
                    </ul>
                    {{-- <span class="text-danger">{{$errors->first('error')}}</span> --}}


                    <div class="tab-content">


                        <div id="manager" class="tab-pane fade {{ request()->type != 'dj' ? ' in active' : '' }}">

                            <form action="{{ route('eventManagement.attempt') }}" method="POST" class="needs-validation"
                                novalidate="">
                                @csrf

                                <div class="form-group">
                                    <label>Email</label>
                                    <div class="input-with-icon">
                                        <input type="email" name="email" class="form-control"
                                            placeholder="Enter Your Email">
                                        <span class="text-danger">{{ $errors->first('email') }}</span>
                                        <i class="theme-cl ti-email"></i>
                                    </div>
                                </div>


                                <div class="form-group">
                                    <label>Password</label>
                                    <div class="input-with-icon">
                                        <input type="password" class="form-control" name="password"
                                            placeholder="Enter Your Password">
                                        <span class="text-danger">{{ $errors->first('password') }}</span>
                                        <i class="theme-cl ti-lock"></i>
                                    </div>
                                </div>

                                {{-- <div class="register-account text-center">
                            By hitting the <span class="theme-cl">"Register"</span> button, you agree to the <a class="theme-cl" href="#">Terms conditions</a> and <a class="theme-cl" href="#">Privacy Policy</a>
                            </div> --}}

                                <div class="form-groups">
                                    <button type="submit" class="btn btn-primary theme-bg full-width">Login</button>
                                </div>
                                {{-- <div class="form-groups text-center">
                                    <a href="#"><p class="tal" >Create New Account</p></a>
                                </div> --}}

                            </form>
                        </div>

                        <div id="dj" class="tab-pane fade {{ request()->type == 'dj' ? ' in active' : '' }}">

                            <form action="{{ route('entertainer.attempt') }}" method="POST" class="needs-validation"
                                novalidate="">
                                @csrf
                                <div class="form-group">
                                    <label>Email</label>
                                    <div class="input-with-icon">
                                        <input type="email" class="form-control" name="email"
                                            placeholder="Enter Your Email">
                                        <span class="text-danger">{{ $errors->first('email') }}</span>

                                        <i class="theme-cl ti-email"></i>
                                    </div>
                                </div>


                                <div class="form-group">
                                    <label>Password</label>
                                    <div class="input-with-icon">
                                        <input type="password" class="form-control" name="password"
                                            placeholder="Enter Your Password">
                                        <span class="text-danger">{{ $errors->first('email') }}</span>

                                        <i class="theme-cl ti-lock"></i>
                                    </div>
                                </div>

                                {{-- <div class="register-account text-center">
                        By hitting the <span class="theme-cl">"Register"</span> button, you agree to the <a class="theme-cl" href="#">Terms conditions</a> and <a class="theme-cl" href="#">Privacy Policy</a>
                    </div> --}}

                                <div class="form-groups">
                                    <button type="submit" class="btn btn-primary theme-bg full-width">Login</button>
                                </div>
                                {{-- <div class="form-groups text-center">
                                    <a href="#"><p class="tal" >Create New Account</p></a>
                                </div> --}}

                            </form>
                        </div>

                    </div>

                </div>
            </div>
        </div>
    </section>
    <!-- Tab section End -->


@endsection
@section('scripts')
    <script>
        if ($('#event_back').hasClass('active')) {
            document.getElementById("Back").style.backgroundImage = "url(user/assets/img/eventmanager.jpeg)";
            document.getElementById("Back").style.backgroundSize = "cover";
        } else if ($('#dj_back').hasClass('active')) {
            document.getElementById("Back").style.backgroundImage = "url(user/assets/img/backgrond.jpg)";
            document.getElementById("Back").style.backgroundSize = "cover";
        }
        function EventBack() {
            document.getElementById("Back").style.backgroundImage = "url(user/assets/img/eventmanager.jpeg)";
            document.getElementById("Back").style.backgroundSize = "cover";
        }
        function DjBack() {
            document.getElementById("Back").style.backgroundImage = "url(user/assets/img/backgrond.jpg)";
            document.getElementById("Back").style.backgroundSize = "cover";
        }
    </script>
@endsection