@extends('layouts.app', ['pageSlug' => 'Leads'])
 
@section('content')

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>



<div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="title">Add Lead</h5>
                </div>
                <form method="POST" action="{{ url('/AddLeads') }}"  enctype="multipart/form-data">
                    <div class="card-body">
                            @csrf
                            @method('put')

                            @include('alerts.success')
                            <div class="row">
                            <div class="col-md-6">
                            <div class="form-group">
                                <label>Name</label>
                                <input type="text" class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" placeholder="" id="name" name="name" value="">
                                @include('alerts.feedback', ['field' => 'name'])
                            </div></div>

                            <div class="col-md-6">
                            <div class="form-group">
                                <label>Email</label>
                                <input type="email" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" placeholder="" id="email" name="email" value="">
                                @include('alerts.feedback', ['field' => 'email'])
                            </div></div>
                    </div>
                    <div class="row">
                            <div class="col-md-6">
                            <div class="form-group">
                                <label>Phone Number</label>
                                <input type="text" class="form-control{{ $errors->has('phone_number') ? ' is-invalid' : '' }}" placeholder="" id="phone_number" name="phone_number" value="">
                                @include('alerts.feedback', ['field' => 'phone_number'])
                            </div></div>

                            <div class="col-md-6">
                                    <label for="source">{{ 'Source' }}</label>
                                    <div class="@error('source')border border-danger rounded-3 @enderror">
                                        <select class="form-control" id="source" name="source">
                                        <option value="whatsapp">whatsapp</option>
                                        <option value="reference">Office Reference</option>
                                        <option value="email">Email</option>
                                        <option value="others">Others</option>
                                        </select>
                                    </div>
                                </div>
                            </div> 
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Requirement</label>
                                <textarea name="requirement" class="form-control{{ $errors->has('requirement') ? ' is-invalid' : '' }}" placeholder="" id="requirement" name="requirement" value=""></textarea> 
                                @include('alerts.feedback', ['field' => 'requirement'])
                            </div>
                           
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>Dimension</label>
                                <textarea name="dimension" class="form-control{{ $errors->has('dimension') ? ' is-invalid' : '' }}" placeholder="" id="requirement" name="requirement" value=""></textarea> 
                                @include('alerts.feedback', ['field' => 'dimension'])
                            </div>
                        </div>
                    </div>  

                    <div class="row">
                        <div class="col-md-6" >
                            <label>Upload File Here</label>
                            <input type="file" name="files[]" id="image"  class="form-control col" multiple>
                        </div>   
                    </div>

                    <div class="row">
                    <div class="col-md-12">
                    <div class="text-center">
                        <button type="submit" class="btn btn-fill btn-info btn-lead">{{ __('Submit') }}</button>
                    </div>
                  </div>
                </div>
              </div>
            </form>
         </div>  
        </div>
    </div>
      
@endsection