@extends('layouts.welcomemaster')

@section('content')

    <svg id="wave" style="transform:rotate(180deg); transition: 0.3s" viewBox="0 0 1440 150" version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="sw-gradient-0" x1="0" x2="0" y1="1" y2="0"><stop stop-color="rgba(113, 160, 209, 1)" offset="0%"></stop><stop stop-color="rgba(113, 160, 209, 0.58)" offset="100%"></stop></linearGradient></defs><path style="transform:translate(0, 0px); opacity:1" fill="url(#sw-gradient-0)" d="M0,90L60,82.5C120,75,240,60,360,47.5C480,35,600,25,720,30C840,35,960,55,1080,75C1200,95,1320,115,1440,117.5C1560,120,1680,105,1800,105C1920,105,2040,120,2160,105C2280,90,2400,45,2520,25C2640,5,2760,10,2880,15C3000,20,3120,25,3240,32.5C3360,40,3480,50,3600,45C3720,40,3840,20,3960,25C4080,30,4200,60,4320,67.5C4440,75,4560,60,4680,65C4800,70,4920,95,5040,100C5160,105,5280,90,5400,87.5C5520,85,5640,95,5760,105C5880,115,6000,125,6120,125C6240,125,6360,115,6480,100C6600,85,6720,65,6840,70C6960,75,7080,105,7200,112.5C7320,120,7440,105,7560,85C7680,65,7800,40,7920,32.5C8040,25,8160,35,8280,40C8400,45,8520,45,8580,45L8640,45L8640,150L8580,150C8520,150,8400,150,8280,150C8160,150,8040,150,7920,150C7800,150,7680,150,7560,150C7440,150,7320,150,7200,150C7080,150,6960,150,6840,150C6720,150,6600,150,6480,150C6360,150,6240,150,6120,150C6000,150,5880,150,5760,150C5640,150,5520,150,5400,150C5280,150,5160,150,5040,150C4920,150,4800,150,4680,150C4560,150,4440,150,4320,150C4200,150,4080,150,3960,150C3840,150,3720,150,3600,150C3480,150,3360,150,3240,150C3120,150,3000,150,2880,150C2760,150,2640,150,2520,150C2400,150,2280,150,2160,150C2040,150,1920,150,1800,150C1680,150,1560,150,1440,150C1320,150,1200,150,1080,150C960,150,840,150,720,150C600,150,480,150,360,150C240,150,120,150,60,150L0,150Z"></path><defs><linearGradient id="sw-gradient-1" x1="0" x2="0" y1="1" y2="0"><stop stop-color="rgba(243, 106, 62, 0)" offset="0%"></stop><stop stop-color="rgba(189, 131, 185, 1)" offset="100%"></stop></linearGradient></defs><path style="transform:translate(0, 50px); opacity:0.9" fill="url(#sw-gradient-1)" d="M0,120L60,120C120,120,240,120,360,105C480,90,600,60,720,55C840,50,960,70,1080,67.5C1200,65,1320,40,1440,47.5C1560,55,1680,95,1800,105C1920,115,2040,95,2160,80C2280,65,2400,55,2520,60C2640,65,2760,85,2880,97.5C3000,110,3120,115,3240,102.5C3360,90,3480,60,3600,47.5C3720,35,3840,40,3960,50C4080,60,4200,75,4320,90C4440,105,4560,120,4680,125C4800,130,4920,125,5040,125C5160,125,5280,130,5400,125C5520,120,5640,105,5760,92.5C5880,80,6000,70,6120,77.5C6240,85,6360,110,6480,120C6600,130,6720,125,6840,120C6960,115,7080,110,7200,95C7320,80,7440,55,7560,52.5C7680,50,7800,70,7920,67.5C8040,65,8160,40,8280,40C8400,40,8520,65,8580,77.5L8640,90L8640,150L8580,150C8520,150,8400,150,8280,150C8160,150,8040,150,7920,150C7800,150,7680,150,7560,150C7440,150,7320,150,7200,150C7080,150,6960,150,6840,150C6720,150,6600,150,6480,150C6360,150,6240,150,6120,150C6000,150,5880,150,5760,150C5640,150,5520,150,5400,150C5280,150,5160,150,5040,150C4920,150,4800,150,4680,150C4560,150,4440,150,4320,150C4200,150,4080,150,3960,150C3840,150,3720,150,3600,150C3480,150,3360,150,3240,150C3120,150,3000,150,2880,150C2760,150,2640,150,2520,150C2400,150,2280,150,2160,150C2040,150,1920,150,1800,150C1680,150,1560,150,1440,150C1320,150,1200,150,1080,150C960,150,840,150,720,150C600,150,480,150,360,150C240,150,120,150,60,150L0,150Z"></path><defs><linearGradient id="sw-gradient-2" x1="0" x2="0" y1="1" y2="0"><stop stop-color="rgba(189, 131, 185, 0.65)" offset="0%"></stop><stop stop-color="rgba(254, 233, 112, 1)" offset="100%"></stop></linearGradient></defs><path style="transform:translate(0, 100px); opacity:0.8" fill="url(#sw-gradient-2)" d="M0,0L60,2.5C120,5,240,10,360,30C480,50,600,85,720,85C840,85,960,50,1080,47.5C1200,45,1320,75,1440,85C1560,95,1680,85,1800,70C1920,55,2040,35,2160,32.5C2280,30,2400,45,2520,55C2640,65,2760,70,2880,77.5C3000,85,3120,95,3240,102.5C3360,110,3480,115,3600,115C3720,115,3840,110,3960,102.5C4080,95,4200,85,4320,70C4440,55,4560,35,4680,27.5C4800,20,4920,25,5040,27.5C5160,30,5280,30,5400,32.5C5520,35,5640,40,5760,47.5C5880,55,6000,65,6120,70C6240,75,6360,75,6480,67.5C6600,60,6720,45,6840,32.5C6960,20,7080,10,7200,17.5C7320,25,7440,50,7560,67.5C7680,85,7800,95,7920,90C8040,85,8160,65,8280,57.5C8400,50,8520,55,8580,57.5L8640,60L8640,150L8580,150C8520,150,8400,150,8280,150C8160,150,8040,150,7920,150C7800,150,7680,150,7560,150C7440,150,7320,150,7200,150C7080,150,6960,150,6840,150C6720,150,6600,150,6480,150C6360,150,6240,150,6120,150C6000,150,5880,150,5760,150C5640,150,5520,150,5400,150C5280,150,5160,150,5040,150C4920,150,4800,150,4680,150C4560,150,4440,150,4320,150C4200,150,4080,150,3960,150C3840,150,3720,150,3600,150C3480,150,3360,150,3240,150C3120,150,3000,150,2880,150C2760,150,2640,150,2520,150C2400,150,2280,150,2160,150C2040,150,1920,150,1800,150C1680,150,1560,150,1440,150C1320,150,1200,150,1080,150C960,150,840,150,720,150C600,150,480,150,360,150C240,150,120,150,60,150L0,150Z"></path></svg>

<div class="row" >
    <div class="col-12">
    <div class="row justify-content-center">
        <div class="col-9 text-center">
             <img alt="thumbnail" width="150" src="{{asset('eliteadmin/images/logo_new.png')}}"><p>
                 <h4>Welcome to Nizhamia Academic Portal</h4>
             </p>
             <hr>
              @if (\Session::has('error'))
                    <div class="alert alert-danger alert-rounded"> {{ session('error') }} 
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                    </div>
                @endif
             <div class="col-12">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="user-thumb text-center">
                        <a href="" data-toggle="modal" data-target="#responsive-modal"><img alt="thumbnail" class="img-circle" width="200" src="{{asset('eliteadmin/images/welcome/teacher.png')}}">
                            
                        </a>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="user-thumb text-center"> 
                        <a href="" data-toggle="modal" data-target="#responsive-modal"><img alt="thumbnail" class="img-circle" width="200" src="{{asset('eliteadmin/images/welcome/family.png')}}">
                           
                        </a>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="user-thumb text-center">
                        <a href="" data-toggle="modal" data-target="#"> <img alt="thumbnail" class="img-circle" width="200" src="{{asset('eliteadmin/images/welcome/admission.png')}}">
                            
                        </a>
                        </div>
                    </div>
                </div>
             </div>
        </div>
    </div>
</div>
</div>

<!-- sample modal content -->
<div id="responsive-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="POST" action="{{ route('login') }}">
                <div class="modal-body">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                     <div class="row text-center">
                        <div class="col-12">
                            <img alt="thumbnail"  src="{{asset('eliteadmin/images/logo_new.png')}}" width="50">
                            <h4><b>Login Nizhamia Academic Portal</b></h4>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                                @csrf
                                <div class="form-group">
                                    <label for="recipient-name" class="control-label">{{ __('Username / Email') }}</label>
                                     <input id="email" type="text" class="form-control @error('login') is-invalid @enderror" name="login" value="{{ old('email') }}"  autofocus>
                                </div>
                                <div class="form-group">
                                    <label for="message-text" class="control-label">{{ __('Password') }}</label>
                                    <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">

                                    @error('password')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <button type="submit" class="btn btn-rounded btn-block btn-info">Sign In</button>
                                <div class="hr-sect">or</div>
                                <a href="{{ route('login.provider', 'google') }}" class="btn btn-rounded btn-block btn-outline-secondary"><img src="{{asset('eliteadmin/images/icon/google.png')}}" class="google">&nbsp; Sign in with Google</a>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    
                </div>
            </form>
        </div>
    </div>
</div>
<!-- /.modal -->    

 
    
    
        

@endsection