@extends(getTemplate().'.view.layout.layout')
@section('title')
    {{ !empty($setting['site']['site_title']) ? $setting['site']['site_title'] : 'Website Title' }}
    {{ trans('main.user_login') }}
@endsection
@section('page')

<section class="flex flex-col md:flex-row h-screen items-center">


    <div class="bg-white w-full md:max-w-md lg:max-w-full md:mx-auto md:mx-0 md:w-1/2 xl:w-1/3 h-screen px-6 lg:px-16 xl:px-12
          flex items-center justify-center">

      <div class="w-full h-100 text-center">

    <!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg text-center"
 data-toggle="modal" data-target="#myModalLoginMd">Login to your account</button>


  </div>
</div>

<script>
$(document).ready(function() {
    // Auto-open register modal on /register page
    if (window.location.pathname === '/register') {
        $('#modalRegisterMod').modal('show');
    }
    // Auto-open login modal on /login page
    else if (window.location.pathname === '/login') {
        $('#myModalLoginMd').modal('show');
    }
});
</script>

@endsection