@php
$contactForm =[
         [
             'id'=> '0',
             'name'=> 'name',
             'label'=> 'Name',
             'placeholder' => 'Input your name',
             'type'=> 'text',
         ],
         [
             'id'=> '1',
             'name'=> 'email',
             'label'=> 'Email',
             'placeholder' => 'Ex. yourmail@gmail.com',
             'type'=> 'email',
         ],
         [
             'id'=> '2',
             'name'=> 'phone',
             'label'=> 'Phone Number',
             'placeholder' => 'Ex. +66 1223 3764',
             'type'=> 'text',
         ],
         [
             'id'=> '3',
             'name'=> 'subject',
             'label'=> 'Subject',
             'placeholder' => 'Input your subject',
             'type'=> 'text',
         ],
     ];
@endphp
  @foreach ($contactForm as $index => $form)
 <div class="w-full mb-4">
     <x-frontend::form.FormInput
     :name=" $form['name']"
     :label=" $form['label']"
     :placeholder=" $form['placeholder']"
     :type=" $form['type']"
     >
     </x-frontend>
 </div>
 @endforeach
 <x-frontend::form.FormTextArea
 name=" subject"
 label=" How can we help?"
 placeholder="Input Message"
 >
 </x-frontend>
 <div class="w-full p-2">
    <div class="form-control my-4">
        <label class="label cursor-pointer justify-normal items-start sm:items-center">
            <input type="checkbox" checked="checked" class="checkbox checkbox-primary h-5 w-5 pt-5 sm:pt-0" />
            <span  class="label-text pl-2 text-16 ">I acknowledge that I have read and agree    <a href="{{url('/policy')}}" class=" sm:ml-2  border-b border-black break-words">Privacy Policy</a>
        </label>
      </div>
      <img src="{{ Module::asset('frontend:img/recapchar.png') }}" alt="recapchar mockup" class="w-[350px]">
  
</div>
<button type="submit" class="btn bg-gradient-to-r  from-secondary to-yellow-500  text-white" onclick="formcontact.showModal()">
    Send Message
  </button>