@include('includes/header')

<!-- /////////////////////////////////// MAIN CONTENT /////////////////////////////////////////-->

@include('includes/sidebar')

<div class="app-content content">
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-6 col-12 mb-2 d-flex justify-content-left align-items-center">
                <a class="btn btn-secondary" href="javascript: history.go(-1)"><i class="fa fa-arrow-left"></i>
                </a>&nbsp;&nbsp;
                <h1 class="content-header-title mb-0">Edit Clients</h1>
            </div>
        </div>

        <div class="content-body">
            <section class="inputmask bg-light p-2" id="inputmask">
                <div class="row">

                    @if (\Session::has('success'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            <strong>{!! \Session::get('success') !!}</strong>
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    @if (\Session::has('error'))
                        <div class="alert alert-warning alert-dismissible fade show" role="alert">
                            <strong>{!! \Session::get('error') !!}</strong>
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    <div class="col-12 p-2">
                        <form action="{{route('update.client')}}" method="POST" >
                            @csrf
                            <div class="card rounded">
                                <div class="card-header border-bottom bg-primary text-white">
                                    <h4 class="card-title text-white">Client Details</h4>
                                    <a class="heading-elements-toggle"><i
                                            class="fa fa-ellipsis-v font-medium-3"></i></a>
                                    <div class="heading-elements">
                                        <ul class="list-inline mb-0">
                                            <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <input type="hidden" name="id" value="{{$data['Id']}}">
                                <input type="hidden" name="page" value="{{ request()->get('page', 1) }}">
                                <div class="card-content collapse show">
                                    <div class="card-body">
                                        <div class="form-body">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <strong><label>Name</label></strong>
                                                        <input type="text" class="form-control" name="name" value="{{$data['Name']}}">
                                                    </div>
                                                </div>
                                                <div class="col-md-8">
                                                    <div class="form-group">
                                                        <strong><label>Address</label></strong>
                                                        <input type="text" class="form-control" name="address" value="{{$data['Address']}}">
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    <div class="form-group">
                                                        <strong><label>City</label></strong>
                                                        <input type="text" class="form-control" name="city" value="{{$data['City']}}">
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Latitude</label></strong>
                                                        <input type="text" class="form-control" name="latitude" value="{{$data['Latitude']}}">
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Longitude</label></strong>
                                                        <input type="text" class="form-control" name="longitude" value="{{$data['Longitude']}}">
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    <div class="form-group">
                                                        <strong><label>Radius</label></strong>
                                                        <input type="text" class="form-control" name="radius" value="{{$data['Radius']}}">
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    <div class="form-group">
                                                        <strong><label>Status</label></strong>
                                                        <select name="status" class="form-control">
                                                            <option value="0" @if($data['Status'] == 0) selected @endif >Active</option>
                                                            <option value="1" @if($data['Status'] == 1) selected @endif>InActive</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card rounded">
                                <div class="card-header border-bottom bg-primary text-white">
                                    <h4 class="card-title text-white">Contact Details</h4>
                                    <a class="heading-elements-toggle"><i
                                            class="fa fa-ellipsis-v font-medium-3"></i></a>
                                    <div class="heading-elements">
                                        <ul class="list-inline mb-0">
                                            <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="card-content collapse show">
                                    <div class="card-body">
                                        <div class="form-body">
                                            <div class="row">
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Phone Number</label></strong>
                                                        <input type="text" class="form-control" name="phone" value="{{$data['PhoneNumber']}}">
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Email</label></strong>
                                                        <input type="email" class="form-control" name="email" value="{{$data['Email']}}">
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Contact Person Name</label></strong>
                                                        <input type="text" class="form-control" name="contactperson" value="{{$data['ContactPerson']}}">
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <strong><label>Remarks</label></strong>
                                                        <textarea name="remarks" class="form-control" cols="30" rows="10">{{$data['Remarks']}}</textarea>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="form-actions left">
								<button type="submit" class="btn btn-primary">
									<i class="fa fa-check-square-o"></i> Save Changes
								</button>
							</div>

                        </form>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>

<!-- /////////////////////////////////// MAIN CONTENT /////////////////////////////////////////-->

@include('includes/footer')