@extends('partials.layouts')

@section('content')
<div class="py-12">
    <div class="container-fluid container-xl position-relative align-items-center">
        <h1>Email Alert Subscription</h1>
    @if(session('success'))
        <p style="color: green;">{{ session('success') }}</p>
    @endif
    @if($errors->any())
        <ul style="color: red;">
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    @endif



    <form action="{{ route('email-alert.store') }}" method="POST">
        @csrf
        <div class="mb-3">
        <label for="name" class="form-label">Name:</label>
        <input type="text" id="name" class="form-control"  name="name" required>
        </div>

        <div class="mb-3">
        <label for="email" class="form-label">Email:</label>
        <input type="email" id="email" class="form-control"  name="email" required>
        </div>

        <div class="mb-3">
        <!-- Country -->
        <label for="country" class="form-label">Country:</label>
        <select id="country" class="form-select" name="country" required>
            <option value="">Select a country</option>
            <option value="Afghanistan">Afghanistan</option>
            <option value="Africa Except Egypt">Africa Except Egypt</option>
            <option value="Albania">Albania</option>
            <option value="Algeria">Algeria</option>
            <option value="Australia">Australia</option>
            <option value="Austria">Austria</option>
            <option value="Bangladesh">Bangladesh</option>
            <option value="Baltic States">Baltic States</option>
            <option value="Belgium">Belgium</option>
            <option value="Bosnia">Bosnia</option>
            <option value="Brunei Darussalam">Brunei Darussalam</option>
            <option value="Bulgaria">Bulgaria</option>
            <option value="Burma">Burma</option>
            <option value="Cambodia">Cambodia</option>
            <option value="Canada">Canada</option>
            <option value="China">China</option>
            <option value="Commonwealth Of Independent States">Commonwealth Of Independent States</option>
            <option value="Croatia">Croatia</option>
            <option value="Cyprus">Cyprus</option>
            <option value="Czech Republic">Czech Republic</option>
            <option value="Denmark">Denmark</option>
            <option value="Egypt">Egypt</option>
            <option value="Finland">Finland</option>
            <option value="France">France</option>
            <option value="Germany">Germany</option>
            <option value="Greece">Greece</option>
            <option value="Gulf States">Gulf States</option>
            <option value="Hong Kong">Hong Kong</option>
            <option value="Hungary">Hungary</option>
            <option value="India">India</option>
            <option value="Indonesia">Indonesia</option>
            <option value="Ireland">Ireland</option>
            <option value="Israel">Israel</option>
            <option value="Italy">Italy</option>
            <option value="Japan">Japan</option>
            <option value="Jordan">Jordan</option>
            <option value="Korea">Korea</option>
            <option value="Lao">Lao</option>
            <option value="Lebanon">Lebanon</option>
            <option value="Liechtenstein">Liechtenstein</option>
            <option value="Luxembourg">Luxembourg</option>
            <option value="Malta">Malta</option>
            <option value="Malaysia">Malaysia</option>
            <option value="Mexico">Mexico</option>
            <option value="Middle East">Middle East</option>
            <option value="Mongolia">Mongolia</option>
            <option value="Morocco">Morocco</option>
            <option value="Nepal">Nepal</option>
            <option value="Netherlands">Netherlands</option>
            <option value="New Zealand">New Zealand</option>
            <option value="North Africa">North Africa</option>
            <option value="Norway">Norway</option>
            <option value="Other Central America">Other Central America</option>
            <option value="Other Pacific Countries">Other Pacific Countries</option>
            <option value="Pakistan">Pakistan</option>
            <option value="Philippines">Philippines</option>
            <option value="Poland">Poland</option>
            <option value="Portugal">Portugal</option>
            <option value="Romania">Romania</option>
            <option value="Russian Federation">Russian Federation</option>
            <option value="Serbia">Serbia</option>
            <option value="Singapore">Singapore</option>
            <option value="Slovakia">Slovakia</option>
            <option value="Slovenia">Slovenia</option>
            <option value="South Africa">South Africa</option>
            <option value="South America">South America</option>
            <option value="Spain">Spain</option>
            <option value="Sri Lanka">Sri Lanka</option>
            <option value="Sweden">Sweden</option>
            <option value="Switzerland">Switzerland</option>
            <option value="Syria">Syria</option>
            <option value="Taiwan">Taiwan</option>
            <option value="Thailand">Thailand</option>
            <option value="Tunisia">Tunisia</option>
            <option value="Turkey">Turkey</option>
            <option value="Ukraine">Ukraine</option>
            <option value="United Kingdom">United Kingdom</option>
            <option value="United States Of America">United States Of America</option>
            <option value="Vietnam">Vietnam</option>
          </select>
        </div>

        <div class="mb-3">
        <label for="profession" class="form-label">Profession:</label>
        <!-- Profession -->
        <label for="profession">Profession:</label>
        <select id="profession" class="form-select" name="profession" required>
            <option value="">Select a profession</option>
            <option value="Analyst">Analyst</option>
  <option value="Fund Manager">Fund Manager</option>
  <option value="Press/Media">Press/Media</option>
  <option value="Retail Investor">Retail Investor</option>
  <option value="Others">Others</option>
            <!-- Add more professions as needed -->
        </select>
    </div>

    <div class="mb-3">
        <label for="job_position" class="form-label">Job Position:</label>
        <select id="job_position" class="form-select" name="job_position" required>
            <option value="">Select a job position</option>
            <option value="Executive">Executive</option>
  <option value="Non-Executive">Non-Executive</option>
  <option value="Others">Others</option>
  <option value="Entrepreneur">Entrepreneur</option>
  <option value="Senior Management">Senior Management</option>
  <option value="CEO/COO">CEO/COO</option>
  <option value="CFO">CFO/CTO/CMO</option>
  <option value="Director/VP">Director/VP</option>
  <option value="Manager">Manager</option>
            <!-- Add more job positions as needed -->
        </select>
    </div>

    <div class="mb-3">
        <label for="industry" class="form-label">Industry:</label>
        <select id="industry" class="form-select" name="industry" required>
            <option value="">Select an industry</option>
            <option value="Arts/Entertainment">Arts/Entertainment</option>
  <option value="Airlines/Hospitality/Tourism/Travel">Airlines/Hospitality/Tourism/Travel</option>
  <option value="Audit/Accountancy">Audit/Accountancy</option>
  <option value="Banking/Finance">Banking/Finance</option>
  <option value="Business Services/Consulting">Business Services/Consulting</option>
  <option value="Building/Construction">Building/Construction</option>
  <option value="Day Trader">Day Trader</option>
  <option value="Education/Training">Education/Training</option>
  <option value="Engineering/Architecture">Engineering/Architecture</option>
  <option value="Government/Uniform/Nonprofit">Government/Uniform/Nonprofit</option>
  <option value="Industrial/Manufacturing">Industrial/Manufacturing</option>
  <option value="Information Technology">Information Technology</option>
  <option value="Insurance">Insurance</option>
  <option value="Internet/E-Commerce">Internet/E-Commerce</option>
  <option value="Health Care">Health Care</option>
  <option value="Legal">Legal</option>
  <option value="Life Sciences/Medical">Life Sciences/Medical</option>
  <option value="Marketing/Sales">Marketing/Sales</option>
  <option value="Others">Others</option>
  <option value="Real Estates">Real Estate</option>
  <option value="Research/Development">Research/Development</option>
  <option value="Retailer/Distributor/Wholesaler(computer related)">Retailer/Distributor/Wholesaler(computer related)</option>
  <option value="Retailer/Distributor/Wholesaler">Retailer/Distributor/Wholesaler</option>
  <option value="Retired">Retired</option>
  <option value="Self Employed">Self Employed</option>
  <option value="Student/NS">Student/NS</option>
  <option value="Telecommunication">Telecommunication</option>
  <option value="Transportation/Utilities">Transportation/Utilities</option>
  <option value="Unemployed">Unemployed</option>
            <!-- Add more industries as needed -->
        </select>


    </div>


    <div class="form-group mb-3">
        <label for="captcha">Captcha</label>
        <div class="captcha-wrap">
            <img src="{{ captcha_src('math') }}" alt="captcha" id="captcha-image">
            <button type="button" class="btn btn-secondary btn-sm" id="reload-captcha">
                Reload Captcha
            </button>
            <input type="text" id="captcha" name="captcha" class="form-control" required>
        </div>
        @error('captcha')
            <span class="text-danger">{{ $message }}</span>
        @enderror






    </div>





        <button class="btn btn-success" type="submit">Subscribe</button>
    </form>
</div>


    {{-- <p>If you no longer wish to receive emails,
        <a href="{{ url('/unsubscribe/' . urlencode($subscription->email)) }}">unsubscribe here</a>.
    </p> --}}

</div>
@endsection