@extends('layouts.app')

@section('title', 'Contact') 
@section('content')

<section class="border-top" id="map">
    <div class="container">
        <div class="row">
            
            <div class="col-md-7">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3920.367185975238!2d85.28824308328278!3d26.93233385258653!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39ec99db945dd2e7%3A0xa16e2db775a9d94a!2sJay%20Kisan%20Secondary%20School%20Dharahari!5e1!3m2!1sen!2sus!4v1699003787519!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>
            <div class="col-md-5">
                <div>
                    @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                    @endif
                </div>
                <div class="bg-light-green p-4 rounded">
                    <h4>Contact Us</h4>
                    {!! Form::open(['method' => 'POST', 'id' => 'form', 'action' => 'PageController@sendcontact'])!!}
                        <div class="form-group row p-2">
                            <label for="name" class="col-sm-2 col-form-label">Name</label>
                            <div class="col-sm-10">
                            <input type="text" class="form-control" id="name" name="name" autofocus required placeholder="Full Name">
                            </div>
                        </div>
                        <div class="form-group row p-2">
                            <label for="email" class="col-sm-2 col-form-label">Email</label>
                            <div class="col-sm-10">
                            <input type="email" class="form-control" required id="email" name="email" placeholder="Email Address">
                            </div>
                        </div>
                        <div class="form-group row -p-2">
                            <label for="remarks" class="col-sm-2 col-form-label">Remarks</label>
                            <div class="col-sm-10">
                            <textarea  class="form-control" rows="4" required name="remarks" id="remarks" placeholder="Remarks"></textarea>
                            </div>
                        </div>
                        <div class="form-group row p-2">
                            <label for="colFormLabel" class="col-sm-2 col-form-label"></label>
                            <div class="col-sm-10">
                                <button type="submit" class="btn btn-success">Send</button>
                            </div>
                        </div>
                        
                    {{ Form::close() }}
                </div> 
            </div>
        </div>
    </div>
</section>
@endsection


@push('scripts')


                            @if(session('success'))

    <script type="text/javascript">
    
        $(document).ready(function(){
            
            cuteAlert({
              type: "success",
              title: "Message Send",
              message: "{{session('success')}}",
              buttonText: "Ok"
            })
            
            /*
            cuteToast({
              type: "success", // or 'info', 'error', 'warning'
              message: "Toast Message",
              timer: 5000
            })
            */
          //$('.toast').toast('show');
        });
    </script>
    
                            @endif

@endpush