@extends('master.layout.dashboard')
@section('title', 'Edit Estate Agent')


@section('content')
<br>
<br>
<div class="form-group row">
    <div class="col-sm-12">
        @if ($errors->any())
            <div class="alert " style="background-color:rgb(153, 51, 0); color:white">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>
    <div class="col-sm-12">
        @if (session()->has('message'))
            <div class="alert alert-success">
                {{session('message')}}
            </div>
        @endif
    </div>
    <div class="col-sm-12">
        @if (session()->has('hasError'))
            <div class="alert alert-danger">
                {{session('hasError')}}
            </div>
        @endif
    </div>
</div>

<div class="container-fluid">
    <div class="fade-in">
<div class="row">
 <div class="col-xl-8 mx-auto">
        <div class="card">
            <div class="card-body">
                <div class="border p-3 rounded">
                    <h6 class="mb-0 text-uppercase text-center"><b>Edit Estate Agent</b></h6>

                    <hr />
                    <form class="row g-3" action="{{route('updateAgent', $agent->id)}}" method="post" enctype="multipart/form-data">
                       @csrf     
                       <div class="col-12">
                            <label class="form-label"><span class="required" style="color: red">*</span> Name</label>
                           <input type="text" name="name" id="name" autocomplete="off" class="form-control" maxlength="100" value="{{old('name', $agent->name)}}"/>
                        </div>


                        <div class="col-12">
                            <br>
                            <label class="form-label"><span class="required" style="color: red">*</span> Real Estate Name</label>
                            <input type="text" name="real_estate_name" autocomplete="off" id="real_estate_name" class="form-control" maxlength="100" value="{{old('real_estate_name', $agent->real_estate_name)}}"/>
                        </div>
                        <div class="col-12">
                            <br>
                            <label class="form-label"><span class="required" style="color: red">*</span> Mobile</label>
                            <input type="text" name="mobile" id="mobile" autocomplete="off" class="form-control" maxlength="100" value="{{old('mobile', $agent->mobile)}}"/>
                        </div>
                        <div class="col-12">
                            <br>
                            <label class="form-label"><span class="required" style="color: red">*</span> Email</label>
                            <input type="text" name="email" id="email" autocomplete="off" class="form-control" maxlength="100" value="{{old('email', $agent->email)}}"/>
                        </div>
                        <div class="col-12">
                            <br>
                            <label class="form-label"><span class="required" style="color: red">*</span> Password</label>
                            <input type="text" name="password" id="password" autocomplete="off" class="form-control" maxlength="100" value="{{old('password', $agent->password)}}"/>
                        </div>
                        <div class="col-12">
                            <br>
                            <label class="form-label"><span class="required" style="color: red">*</span> City</label>
                            <input type="text" name="city" id="city" class="form-control" autocomplete="off" maxlength="100" value="{{old('city', $agent->city)}}"/>
                        </div>
                        <div class="col-12">
                            <br>
                            <label class="form-label"><span class="required" style="color: red">*</span> Address</label>
                            <input type="text" name="address" id="address" class="form-control" maxlength="100" autocomplete="off" value="{{old('address', $agent->address)}}"/>
                        </div>
                      
                        <div class="col-12">
                        <br>
                                <Button  class=" btn btn-lg btn-block" style="background-color:#0096FF; color:white" >Submit</Button>
                            
                        </div>

                    </form>
                </div> 
            </div>
        </div>
    </div>
</div>
</div>
</div>
@endsection
@section('javascript')
<script>
$(document).ready(function() {
    $('#cat').on('change', function() {
       var categoryID = $('#cat').val();
       if(categoryID) {
           $.ajax({
               url: '/getSub_category/'+categoryID,
               type: "GET",
               data : {"_token":"{{ csrf_token() }}"},
               dataType: "json",
               success:function(data)
               {
                 if(data){
                    $('#sub_category').empty();
                    // $('#sub_category').append('<option >Select Sub Category</option>'); 
                    $.each(data, function(key, sub_category){
                        $('select[name="sub_category"]').append('<option value="'+ sub_category.id +'" >' + sub_category.sub_category+ '</option>');
                    });
                }else{
                    $('#sub_category').empty();
                }
             }
           });
       }else{
         $('#sub_category').empty();
       }
    });
    });


   
</script>

@endsection