HOME

@extends('backend.layouts.app')





@section('content')





<div class="col-lg-8 mx-auto">


    <div class="card">


        <div class="card-header">


            <h5 class="mb-0 h6">{{translate('Delivery Boy Information')}}</h5>


        </div>





        <form action="{{ route('delivery-boys.store') }}" method="POST">


            @csrf


            <div class="card-body">


			


				@if ($errors->any())


                    <div class="alert alert-danger">


                        <ul>


                            @foreach ($errors->all() as $error)


                                <li>{{ $error }}</li>


                            @endforeach


                        </ul>


                    </div>


                @endif


			


                <div class="form-group row">


                    <label class="col-sm-2 col-from-label" for="name">


                        {{translate('Name')}} <span class="text-danger">*</span>


                    </label>


                    <div class="col-sm-10">


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


                    </div>


                </div>


                <div class="form-group row">


                    <label class="col-sm-2 col-from-label" for="email">


                        {{translate('Email')}} <span class="text-danger">*</span>


                    </label>


                    <div class="col-sm-10">


                        <input type="text" class="form-control" name="email" value="{{ old('email') }}" placeholder="Email" required>


                    </div>


                </div>


                <div class="form-group row">


                    <label class="col-sm-2 col-from-label" for="phone">


                        {{translate('Phone')}} <span class="text-danger">*</span>


                    </label>


                    <div class="col-sm-10">


                        <input type="text" class="form-control" name="phone" value="{{ old('phone') }}" placeholder="Phone" required>


                    </div>


                </div>


                <div class="form-group row">


                    <label class="col-sm-2 col-from-label" for="password">


                        {{translate('Password')}} <span class="text-danger">*</span>


                    </label>


                    <div class="col-sm-10">


                        <input type="password" class="form-control" name="password" placeholder="Password" required>


                    </div>


                </div>


                <div class="form-group row">


                    <label class="col-sm-2 col-from-label" for="type">


                        {{translate('Country')}} <span class="text-danger">*</span>


                    </label>


                    <div class="col-sm-10">


                        <select class="form-control aiz-selectpicker" data-live-search="true" name="country_id" id="country_id" required>


                            <option value="">{{translate('Select Country')}}</option>


                            @foreach ($countries as $country)


                                <option value="{{ $country->id }}">


									{{ $country->name }}


								</option>


                            @endforeach


                        </select>


                    </div>


                </div>


				<div class="row">


                    <div class="col-md-2">


                        <label>{{ translate('State')}}</label>


                    </div>


                    <div class="col-md-10">


                        <select class="form-control mb-3 aiz-selectpicker" data-live-search="true" name="state_id" required>





                        </select>


                    </div>


                </div>





                <div class="row">


                    <div class="col-md-2">


                        <label>{{ translate('City')}}</label>


                    </div>


                    <div class="col-md-10">


                        <select class="form-control mb-3 aiz-selectpicker" data-live-search="true" name="city_id" required>





                        </select>


                    </div>


                </div>





                <div class="form-group row">


                    <label class="col-md-2 col-form-label" for="signinSrEmail">


                        {{translate('Image')}}


                    </label>


                    <div class="col-md-10">


                        <div class="input-group" data-toggle="aizuploader" data-type="image" data-multiple="false">


                            <div class="input-group-prepend">


                                <div class="input-group-text bg-soft-secondary font-weight-medium">{{ translate('Browse')}}</div>


                            </div>


                            <div class="form-control file-amount">{{ translate('Choose File') }}</div>


                            <input type="hidden" name="avatar_original" class="selected-files">


                        </div>


                        <div class="file-preview box sm">


                        </div>


                    </div>


                </div>


                <div class="form-group row">


                    <label class="col-sm-2 col-from-label">{{translate('Address')}}</label>


                    <div class="col-sm-10">


                        <textarea class="form-control" name="address"></textarea>


                    </div>


                </div>





                <div class="form-group mb-3 text-right">


                    <button type="submit" class="btn btn-primary">{{translate('Save')}}</button>


                </div>


            </div>


        </form>


    </div>


</div>





@endsection





@section('script')


    <script type="text/javascript">





        (function($) {


			"use strict";


            


            $(document).on('change', '[name=country_id]', function() {


                var country_id = $(this).val();


                $.ajax({


                    headers: {


                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')


                    },


                    url: "{{route('get-state')}}",


                    type: 'POST',


                    data: {


                        country_id  : country_id


                    },


                    success: function (response) {


                        var obj = JSON.parse(response);


                        if(obj != '') {


                            $('[name="state_id"]').html(obj);


                            AIZ.plugins.bootstrapSelect('refresh');


                        }


                    }


                });


            });


            


            $(document).on('change', '[name=state_id]', function() {


                var state_id = $(this).val();


                $.ajax({


                    headers: {


                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')


                    },


                    url: "{{route('get-city')}}",


                    type: 'POST',


                    data: {


                        state_id: state_id


                    },


                    success: function (response) {


                        var obj = JSON.parse(response);


                        if(obj != '') {


                            $('[name="city_id"]').html(obj);


                            AIZ.plugins.bootstrapSelect('refresh');


                        }


                    }


                });


            });


        })(jQuery);





    </script>


@endsection