@extends('admin.layouts.app')

@section('content')
<div class="pagetitle">
    <!-- <h1>Add User</h1> -->
    <nav>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin-dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item active">Agent</li>
        </ol>
    </nav>
</div><!-- End Page Title -->

<section class="section">
    <div class="row">
        <div class="col-lg-12">

            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">New Agent</h5>

                    <!-- General Form Elements -->
                    <form class="row g-3" id='frm-create' role="form" action="{{route('admin-agents.store')}}" method="post" enctype="multipart/form-data">
                        @csrf

                        <div class="col-md-12">
                            <label for="name" class="col-sm-2 col-form-label">Name<span class="red-mark">*</span></label>

                            <input type="text" placeholder="Please enter name" name="name" class="form-control" value="{{ old('name') }}">
                            @if($errors->has('name'))
                            <div class="error">{{ $errors->first('name') }}</div>
                            @endif

                        </div>

                        {{--<div class="col-md-6">
                            <label for="inputNumber" class="col-sm-2 col-form-label">Last Name</label>
                            
                            <input type="text" placeholder="Please enter last name" name="last_name" class="form-control" value="{{ old('last_name') }}">
                        @if($errors->has('last_name'))
                        <div class="error">{{ $errors->first('last_name') }}</div>
                        @endif
                </div>--}}

                <div class="col-md-6">
                    <label for="inputEmail" class="col-sm-2 col-form-label">Email</label>

                    <input type="email" placeholder="Please enter email" name="email" class="form-control" value="{{ old('email') }}">
                    @if($errors->has('email'))
                    <div class="error">{{ $errors->first('email') }}</div>
                    @endif
                </div>

                <div class="col-md-6">
                    <label for="phone" class="col-sm-2 col-form-label">Phone</label>

                    <input type="text" placeholder="Please enter phone" name="phone" class="form-control" value="{{ old('phone') }}">
                    @if($errors->has('phone'))
                    <div class="error">{{ $errors->first('phone') }}</div>
                    @endif
                </div>

                {{-- <div class="col-md-6">
                    <label for="whatsapp" class="col-sm-2 col-form-label">Whatsapp No.</label>

                    <input type="text" placeholder="Please enter password" name="whatsapp" class="form-control" value='{{old('whatsapp')}}'>
                    @if($errors->has('whatsapp'))
                    <div class="error">{{ $errors->first('whatsapp') }}</div>
                    @endif
                </div> --}}

                <div class="col-md-6">
                    <label for="speaks" class="col-sm-2 col-form-label">Speak<span class="red-mark">*</span></label>

                    <input type="text" placeholder="Please enter speak" name="speaks" class="form-control" value='{{old('speaks')}}'>
                    @if($errors->has('speaks'))
                    <div class="error">{{ $errors->first('speaks') }}</div>
                    @endif
                </div>
                <div class="col-md-12">
                    <label for="address" class="col-sm-2 col-form-label">Address</label>

                    <input type="text" placeholder="Enter address" name="address" id="address" class="form-control" value="{{ old('address') }}">

                    @if($errors->has('address'))
                    <div class="error">{{ $errors->first('address') }}</div>
                    @endif
                </div>



                {{-- <div class="col-md-12">
                    <label for="description" class="form-label">Description</label>

                    <textarea name="description" class="form-control" value="{{ old('description') }}" style="height: 100px"></textarea>

                    @if($errors->has('description'))
                    <div class="error">{{ $errors->first('description') }}</div>
                    @endif
                </div> --}}

                <div class="col-md-12">
                    <label for="inputNumber" class="form-label">Upload Image</label>

                   <div class="needsclick dropzone" id="agent-dropzone">

                    </div>

                    @if($errors->has('image'))
                    <div class="error">{{ $errors->first('image') }}</div>
                    @endif

                    {{-- [.png, .jpg, .jpeg files only, Max size: 2MB] --}}
                </div>


                <div class="text-center">
                    <button type="submit" class="btn btn-primary">Submit</button>
                    <a class="btn btn-default" href="{{ route('admin-agents.index') }}">Back</a>
                </div>
                </form><!-- End General Form Elements -->
                <!-- End General Form Elements -->
            </div>
        </div>
    </div>
    </div>
</section>

<style type="text/css">
    .error {
        color: red;
    }

    .red-mark {
        color: red;
    }

</style>
@endsection

@push('scripts_footer')
<link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/min/dropzone.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.5.1/min/dropzone.min.js"></script> 

@include('admin.misc.scripts.dropzone_agent_image')
@include('admin.agents.create.script')
@endpush