@extends('layouts.master', ['title' => 'Add Dealer - Dealer - Pages'])

@section('workspace')

    @if(session('success'))
        <div class="alert alert_success">
            <strong class="uppercase">
                <bdi>Success!</bdi>
            </strong>
            {{ session('success') }}
            <button class="dismiss la la-times" data-dismiss="alert"></button>
        </div>
    @endif

    <!-- Breadcrumb -->
    <section class="breadcrumb">
        <h1>Sub-Dealers</h1>
        <ul>
            <li><a href="#no-link">Pages</a></li>
            <li class="divider la la-arrow-right"></li>
            <li><a href="#no-link">Sub-Dealer</a></li>
            <li class="divider la la-arrow-right"></li>
            <li>Add Newr</li>
        </ul>
    </section>

    <div class="grid lg:grid-cols-4 gap-5">

        <!-- Content -->
        <div class="lg:col-span-2 xl:col-span-3">

            <form method="POST" action="{{route('master-dealer.dealers.add')}}">
                @csrf
                <div class="card p-5">

                    {{--Company Name--}}
                    <div class="mb-5 xl:w-1/2">
                        <label class="label block mb-2" for="company_name">Company Name</label>
                        <input id="company_name" name="company_name" type="text" class="form-control" required>
                    </div>

                    {{--Company Email--}}
                    <div class="mb-5 xl:w-1/2">
                        <label class="label block mb-2" for="email">Company Email address</label>
                        <input id="email" name="email" type="email" class="form-control" required>
                    </div>

                    {{--Contact Person--}}
                    <div class="mb-5 xl:w-1/2">
                        <label class="label block mb-2" for="contact_person">Contact Person</label>
                        <input id="contact_person" placeholder="" name="contact_person" type="text"
                               class="form-control" required>
                    </div>

                    {{--Contact Number--}}
                    <div class="mb-5 xl:w-1/2">
                        <label class="label block mb-2" for="contact_number">Contact Number</label>
                        <input id="contact_number" placeholder="60123456789" name="contact_number" type="tel"
                               class="form-control" required>
                    </div>

                    {{--State--}}
                    <div class="mb-5 xl:w-1/2">
                        <label class="label block mb-2" for="state">State</label>
                        <div class="custom-select">
                            <select name="state" class="form-control">
                                <option selected>Johor</option>
                                <option>Kedah</option>
                                <option>Kelantan</option>
                                <option>Kuala Lumpur</option>
                                <option>Labuan</option>
                                <option>Melaka</option>
                                <option>Negeri Sembilan</option>
                                <option>Pahang</option>
                                <option>Penang</option>
                                <option>Perak</option>
                                <option>Perlis</option>
                                <option>Putrajaya</option>
                                <option>Sabah</option>
                                <option>Sarawak</option>
                                <option>Selangor</option>
                                <option>Terengganu</option>
                            </select>
                            <div class="custom-select-icon la la-caret-down"></div>
                        </div>
                    </div>

                    {{--Status--}}
                    <div class="mb-5 xl:w-1/2">
                        <label class="label block mb-2" for="slug">Account Status</label>
                        <label class="switch">
                            <input name="status" value="active" type="checkbox">
                            <span></span>
                            {{--                            <span>Activated</span>--}}
                        </label>
                    </div>

                    <div class="flex flex-wrap gap-2 mt-5">
                        <button class="btn btn_outlined btn_secondary uppercase">Cancel</button>
                        <button type="submit" class="btn btn_primary uppercase">Save</button>

                    </div>

                </div>
            </form>


        </div>


    </div>

@endsection