<!DOCTYPE html>
<html>
<head>
    <title>New Lead</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
</head>
<body width='100%' style='margin: 0; padding: 0 !important; mso-line-height-rule: exactly;'>
   <div style='max-width: 500px;margin: 0 auto;width: 100%;' class='email-container'>
      <!-- BEGIN BODY -->
      <table align='center' role='presentation' cellspacing='0' cellpadding='0' border='0' width='100%' style='margin: auto;'>
         <tbody>
            <tr>
               <td valign='top' class='bg' style='padding: 1rem 2rem;background-color:#141232;font-family: sans-serif;'>
                  <table role='presentation' border='0' cellpadding='0' cellspacing='0' width='100%'>
                     <tbody>
                        <tr>
                           <td style="text-align: start">
                              <img src='{{ $settings->photo }}' class='logo_m' alt=''>
                           </td>
                           <td style="text-align: end">
                              <a href='tel:{{ $settings->phone }}' style='color: white;text-decoration: none;font-weight: 300;'> {{ $settings->phone }} <i class='fas fa-phone-alt'></i></a><br>
                              <a href='mailto:{{ $settings->email }}' style='color: white;text-decoration: none;font-weight: 300;'> {{ $settings->email }} <i class='fas fa-envelope'></i></a>
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </td>
            </tr>
            <tr>
               <td valign='middle' class='bg_white' style='text-align: center;background: #ffffff;'>
                  <table style="background: #0A091E;color: #fff;width: 96%;margin: 0 auto 1rem;padding: 2rem;">
                     <tbody>
                        <tr>
                           <td>
                              <table style="width: 100%;text-align: left;font-family: 'sans-serif';border-spacing: 0;">
                                 <thead>
                                    <tr>
                                       <th style="background: #4d5fe3;padding: 10px 1rem;font-family: sans-serif;">Name</th>
                                       <th style="background: #4d5fe3;padding: 10px 1rem;font-family: sans-serif;">Email</th>
                                       <th style="background: #4d5fe3;padding: 10px 1rem;font-family: sans-serif;">Phone</th>
                                       <th style="background: #4d5fe3;padding: 10px 1rem;font-family: sans-serif;">Ip</th>
                                       <th style="background: #4d5fe3;padding: 10px 1rem;font-family: sans-serif;">City</th>
                                       <th style="background: #4d5fe3;padding: 10px 1rem;font-family: sans-serif;">Region.</th>
                                       <th style="background: #4d5fe3;padding: 10px 1rem;font-family: sans-serif;">Country</th>
                                    </tr>
                                 </thead>
                                 <tbody>
                                    <tr>
                                       <td style="background: #fff;color:#000;padding: 10px 1rem;font-family: sans-serif;"> {{ $MailData['name'] }} </td>
                                       <td style="background: #fff;color:#000;padding: 10px 1rem;font-family: sans-serif;"> {{ $MailData['email'] }} </td>
                                       <td style="background: #fff;color:#000;padding: 10px 1rem;font-family: sans-serif;"> {{ $MailData['phone'] }} </td>
                                       <td style="background: #fff;color:#000;padding: 10px 1rem;font-family: sans-serif;"> {{ $MailData['ip'] }} </td>
                                       <td style="background: #fff;color:#000;padding: 10px 1rem;font-family: sans-serif;"> {{ $MailData['city'] }} </td>
                                       <td style="background: #fff;color:#000;padding: 10px 1rem;font-family: sans-serif;"> {{ $MailData['region'] }} </td>
                                       <td style="background: #fff;color:#000;padding: 10px 1rem;font-family: sans-serif;"> {{ $MailData['country'] }} </td>
                                    </tr>
                                 </tbody>
                              </table>
                           </td>
                        </tr>
                     </tbody>
                  </table>   
               </td>
            </tr>
            <tr>
               <td style='padding: 1rem 2rem;background-color:#141232;font-family: sans-serif;'>
                  <table role='presentation' border='0' cellpadding='0' cellspacing='0' width='100%'>
                     <tbody>
                        <tr>
                           <td width='40%' class='logo' style='text-align: left;'>
                              <img src='{{ $settings->photo }}' class='logo_m' alt=''>
                           </td>
                           <td width='60%' class='logo' style='text-align: right;'>
                              <a href='tel:{{ $settings->phone }}' style='color: #fff;text-decoration: none;font-weight: 300;'> {{ $settings->phone }} <i class='fas fa-phone-alt'></i></a> <br/>
                              <a href='mailto:{{ $settings->email }}' style='color: #fff;text-decoration: none;font-weight: 300;'> {{ $settings->email }} <i class='fas fa-envelope'></i></a> <br/>
                              <a href='{{ $settings->base_url }}' style='color: #fff;text-decoration: none;font-weight: 300;'> {{ $settings->base_url }} <i class='fas fa-globe'></i></a>
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </td>
            </tr>
         </tbody>
      </table>
   </div>
</body>
</html>