@extends('frontend.layout.layout')
@section('title', 'Distributor')
@section('content')
    <section class="bkground">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="pageheading">
                        <h3> {{$distributor[0]->title}}</h3>
                        <h1> {{$distributor[0]->sub_title}}</h1>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            <div class="row">
                @foreach ($distributor as $distributors)
                @if ($distributors->id != '1')
                    <div class="col-md-4 col-12">
                        <div class="mdlbox">
                            <div class="row">
                                <div class="col-md-12 col-12 ">
                                    <div class="disimg">

                                        <img src="{{ asset('admin/img/'.$distributors->image) }} " class="ll">
                                        <h5 class="redheading">{{$distributors->heading}}</h5>

                                        <p class="callheading"> {{$distributors->col1}} <br>{{$distributors->col2}} <br> {{$distributors->col3}}
                                          {{$distributors->col4}}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                @endforeach
                {{-- <div class="col-md-4 col-12">
                    <div class="mdlbox">
                        <div class="row">
                            <div class="col-md-12 col-12 ">
                                <div class="disimg">

                                    <img src="{{ asset('frontend/images/loc.png') }} " class="ll">
                                    <h5 class="redheading"> Visit Us</h5>

                                    <p class="callheading"> A-78 3rd Floor Acute Communication <br>Services pvt ltd Block A,
                                        Sector 4, Noida, Uttar Pradesh 201301</p>

                                </div>
                            </div>




                        </div>

                    </div>
                </div>
                <div class="col-md-4 col-12">
                    <div class="mdlbox">
                        <div class="row">
                            <div class="col-md-12 col-12 ">
                                <div class="disimg">
                                    <img src="{{ asset('frontend/images/mal.png') }}" class="ll">
                                    <h5 class="redheading"> Mail us</h5>
                                    <p class="callheading"> sales@acutecommunication.in info@acutecommunication.in
                                        help@acutecommunication.in</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> --}}
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            <div class="row">
                <div class="col-md-4 disimg">
                    <h5 class="redheading">{{$distributor[0]->heading2}}</h5>
                    <p class="cpara"> {{$distributor[0]->description}}</p>
                    <button class="btn btn-light theme-color cbtn"> {{$distributor[0]->button}}</button>
                </div>
                <div class="col-md-8">
                    <form class="mt-4 px-3" style="   background: #FFF8F8;padding: 20px 20px;border-radius: 20px">
                        <div class="row">
                            <div class="col">
                                <input type="text" class="form-control" placeholder="First name">
                            </div>
                            <div class="col">
                                <input type="text" class="form-control" placeholder="Last name">
                            </div>
                        </div>
                        <div class="row mt-4">
                            <div class="col">
                                <input type="email" class="form-control" placeholder="Email Id">
                            </div>
                            <div class="col">
                                <input type="number" class="form-control" placeholder="Number">
                            </div>
                        </div>


                        <div class="row mt-4">
                            <div class="col">
                              <input type="email" class="form-control" placeholder="Company Name">
                            </div>               
                          </div>
                        <div class="row mt-4">
                            <div class="col-md-12">
                                <div class="mb-3">

                                    <textarea type="text" class="form-control" id="exampleInputPhone" aria-describedby="phoneHelp"
                                        placeholder="Enter Your Messgae"></textarea>
                                </div>
                            </div>

                            <div class="d-flex  align-items-center justify-content-center">
                                <button class="btn theme-btn px-4" type="submit">Submit Now</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
@endsection