@extends('layouts.app')
@section('content')
    @php
        use App\Helpers\RouteHelper;
    @endphp

    @include(RouteHelper::getSidebarView())

    <main id="" class="side_user">
        <!-- Hero -->
        <div class="bg-body-light ">
            <div class="content content-full">
                <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center">


                </div>
            </div>
        </div>

        <!-- END Hero -->
        <div class="content">
            <div class="block block-rounded">
                <div class="block-header">
                    <h4 class="block-title ">Add customers</h4>
                </div>
                <div class="block-content block-content-full">
                    <div class="loader" id="loader" style="display: none;">
                        <div class="external-shadow">
                            <div class="central">
                                <div class="intern"></div>
                            </div>
                        </div>
                    </div>


                    <form action="{{ route('customers.store') }}" method="POST">
                        @csrf
                        @method('POST')
                        <!-- name -->
                        <div class="form-outline mb-4 col-8">
                            <h6>Customer Name</h6>
                            <input type="text" name="name" maxlength="255" minlength="3" required
                                value="{{ old('name') }}" class="form-control form-control-lg" placeholder="Enter Name" />
                        </div>
                        @error('name')
                            <span class="text text-danger">{{ $message }}</span>
                        @enderror


                        <!-- Phone number -->
                        {{-- <div class="form-outline mb-4 col-8">
                            <h6>Phone Number</h6>
                            <input type="number" name="phone_number" required
                                value="{{ old('phone_number') }}" class="form-control form-control-lg"
                                placeholder="Enter Phone Number" />
                        </div>
                        @error('phone_number')
                            <span class="text text-danger">{{ $message }}</span>
                        @enderror --}}

                        <!-- Country of orgin -->
                        <div class="form-outline mb-4 col-8">
                            <h6>Country of Orgin</h6>
                            <input type="text" name="country_origin" required value="{{ old('country_origin') }}"
                                class="form-control form-control-lg" placeholder="Enter Country" />
                        </div>
                        @error('country_origin')
                            <span class="text text-danger">{{ $message }}</span>
                        @enderror

                        <div class="form-group mb-4 col-8 ">
                            <h6 for="type"> Industry</h6>
                            <select name="industry" class="form-control" required id="select-type">
                                <option value="">Select a Industry</option>
                                <option value="Agriculture and Allied Industries">Agriculture and Allied Industries</option>
                                <option value="Auto Components">Auto Components</option>
                                <option value="Automobiles">Automobiles</option>
                                <option value="Aviation">Aviation</option>
                                <option value="Ayush">Ayush</option>
                                <option value="Banking">Banking</option>
                                <option value="Biotechnology">Biotechnology</option>
                                <option value="Cement">Cement</option>
                                <option value="Chemicals">Chemicals</option>
                                <option value="Consumer Durables">Consumer Durables</option>
                                <option value="Defence Manufacturing">Defence Manufacturing</option>
                                <option value="E-Commerce">E-Commerce</option>
                                <option value="Education and Training">Education and Training</option>
                                <option value="Electric Vehicle">Electric Vehicle</option>
                                <option value="Electronics System Design & Manufacturing">Electronics System Design &
                                    Manufacturing</option>
                                <option value="Engineering and Capital Goods">Engineering and Capital Goods</option>
                                <option value="Financial Services">Financial Services</option>
                                <option value="FMCG">FMCG</option>
                                <option value="Food Processing">Food Processing</option>
                                <option value="Gems and Jewellery">Gems and Jewellery</option>
                                <option value="Healthcare">Healthcare</option>
                                <option value="Infrastructure">Infrastructure</option>
                                <option value="Insurance">Insurance</option>
                                <option value="IT & BPM">IT & BPM</option>
                                <option value="Manufacturing">Manufacturing</option>
                                <option value="Media and Entertainment">Media and Entertainment</option>
                                <option value="Medical Devices">Medical Devices</option>
                                <option value="Metals and Mining">Metals and Mining</option>
                                <option value="MSME">MSME</option>
                                <option value="Oil and Gas">Oil and Gas</option>
                                <option value="Paper & Packaging">Paper & Packaging</option>
                                <option value="Pharmaceuticals">Pharmaceuticals</option>
                                <option value="Ports">Ports</option>
                                <option value="Power">Power</option>
                                <option value="Railways">Railways</option>
                                <option value="Real Estate">Real Estate</option>
                                <option value="Renewable Energy">Renewable Energy</option>
                                <option value="Retail">Retail</option>
                                <option value="Roads">Roads</option>
                                <option value="Science and Technology">Science and Technology</option>
                                <option value="Services">Services</option>
                                <option value="Steel">Steel</option>
                                <option value="Telecommunications">Telecommunications</option>
                                <option value="Textiles">Textiles</option>
                                <option value="Tourism and Hospitality">Tourism and Hospitality</option>

                            </select>
                        </div>

                        <!-- role -->
                        {{-- <div class="form-group mb-4 col-8 ">
                            <h6 for="type"> Role</h6>
                            <select name="role_id" class="form-control" required id="select-type">
                                <option value="">Select a Role</option>
                                @foreach ($customerRoles as $key => $customerRole)
                                    <option value="{{ $customerRole->id }}">{{ $customerRole->name }}</option>
                                @endforeach
                            </select>
                        </div> --}}

                        <!-- description -->
                        <div class="form-outline mb-4 col-8">
                            <h6> Description</h6>
                            <textarea name="description" id="" class="form-control"></textarea>
                            {{-- <input type="email" maxlength="255" name="email"
                                pattern="[A-Za-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" required value="{{ old('email') }}"
                                class="form-control form-control-lg" placeholder="Enter a Description" /> --}}
                        </div>
                        @error('description')
                            <span class="text text-danger">{{ $message }}</span>
                        @enderror

                        <div class="form-group pt-2">
                            <a href="{{ Route('customers.index') }}"><button type="button"
                                    class="backbtn">Back</button></a>
                            <button type="submit" id="submitted" class="addbtn">Submit</button>
                        </div>


                    </form>


                </div>



            </div>
        </div>
        </div>
        </div>
    </main>
@endsection
@section('script')
@endsection