@extends('layouts.admin')
@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1>Edit Profile</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">Dashboard</a></li>
                    <li class="breadcrumb-item active">Edit profile</li>
                </ol>
            </div>
        </div>
    </div><!-- /.container-fluid -->
</section>

<!-- Content Header (Page header) -->
{{--
<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-12">
                <div class="float-sm-right">
                    <a class="btn btn-info" href="{{route('admin.dashboard')}}" title="Back to List"> <i class="fa fa-backward">
                            Back</i></a>
                </div>
            </div>
        </div>
    </div><!-- /.container-fluid -->
</section>
--}}

<!-- Main content -->
<section class="content">
    <div class="container-fluid">

        <!-- form start -->
        <form id="updateProfile" role="form" method="post" action="{{route('admin.update-profile')}}">
            <div class="row">
                <!-- left column -->
                <div class="col-md-12">
                    <!-- general form elements -->
                    <div class="card card-primary">
                        <div class="card-header">
                            <h3 class="card-title">Account Details</h3>
                        </div>
                        <!-- /.card-header -->
                        <!-- form start -->
                        <!-- /.card-body Account Details-->
                        <div class="card-body ">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="exampleInputFName">Name*</label>
                                        <input type="text" name="name" value="{{$admin->name}}"
                                            class="form-control {{ $errors->has('name') ? ' is-invalid' : '' }}"
                                            id="exampleInputFName" placeholder="Name">
                                        @if ($errors->has('name'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('name') }}</strong>
                                        </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="exampleInputEmail">Email</label>
                                        <input type="email" name="email" value="{{(old('email')) ? old('email') : $admin->email}}" class="form-control {{ $errors->has('email') ? ' is-invalid' : '' }}"
                                            id="exampleInputEmail" placeholder="Email">
                                        @if ($errors->has('email'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('email') }}</strong>
                                        </span>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <!-- <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="exampleInputEmail1">User Type</label>
                                        <input type="text" class="form-control" placeholder="Sub Admin" readonly>
                                    </div>
                                </div> -->
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="exampleInputEmail1">Phone No</label>
                                        <input type="text" name="phoneNo" minlength="10" maxlength="10" value="{{(old('phoneNo')) ? old('phoneNo') : $admin->profile->phone_no}}" class="form-control only-numeric {{ $errors->has('phoneNo') ? ' is-invalid' : '' }}"
                                            id="phoneNo" placeholder="Phone No">
                                        @if ($errors->has('phoneNo'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('phoneNo') }}</strong>
                                        </span>
                                        @endif
                                    </div>
                                    
                                </div>
                            </div>

                            <!-- <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="exampleInputEmail1">House No*</label>
                                        <input type="text" name="houseNo" value="{{(old('houseNo')) ? old('houseNo') : $admin->profile->house_num}}" class="form-control {{ $errors->has('houseNo') ? ' is-invalid' : '' }}"
                                            id="houseNo" placeholder="House No">
                                        @if ($errors->has('houseNo'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('houseNo') }}</strong>
                                        </span>
                                        @endif
                                    </div>
                                    
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="exampleInputEmail1">Street Name*</label>
                                        <input type="text" name="streetName" value="{{(old('streetName')) ? old('streetName') : $admin->profile->street}}" class="form-control {{ $errors->has('streetName') ? ' is-invalid' : '' }}"
                                            id="streetName" placeholder="Street Name">
                                        @if ($errors->has('streetName'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('streetName') }}</strong>
                                        </span>
                                        @endif
                                    </div>
                                    
                                </div>
                            </div> -->
                            <!-- <div class="row">
                                
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="content_title">Country*</label>
                                        <select name="country" class="form-control">
                                            <option value="" >Select Country</option>
                                            <option value="1" selected>United States</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="content_title">State*</label>
                                        <select id="state" name="state" class="form-control">
                                            <option value="" >Select State</option>
                                            @foreach($data['state'] as $value)
                                                <option value="{{ $value->id }}" @if(old('state') == $value->id) {{'selected'}} @elseif(empty(old('state')) && $admin->profile->state_id == $value->id)  {{'selected'}} @endif/>{{$value->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div> -->
                            <!-- <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="exampleInputEmail1">City*</label>
                                        <input type="text" name="city" value="{{(old('city')) ? old('city') :$admin->profile->city}}" class="form-control {{ $errors->has('city') ? ' is-invalid' : '' }}"
                                            id="city" placeholder="city">
                                        @if ($errors->has('city'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('city') }}</strong>
                                        </span>
                                        @endif
                                    </div>
                                    
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="exampleInputEmail1">ZIP Code*</label>
                                        <input type="text" name="zipCode" value="{{(old('city')) ? old('zipCode') : $admin->profile->zip}}" class="form-control {{ $errors->has('zipCode') ? ' is-invalid' : '' }}"
                                            id="zipCode" placeholder="ZIP Code" minlength="5" maxlength="5">
                                        @if ($errors->has('zipCode'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('zipCode') }}</strong>
                                        </span>
                                        @endif
                                    </div>
                                </div>
                            </div> -->
                        <!-- /.card-body Account Details-->
                        <div class="card-footer">
                            
                            <div class="float-right ">
                            <a href="{{route('admin.dashboard')}}"><input class="btn btn-danger" type="button" id="exit" name="exit" value="Cancel"></a>

                                @csrf
                                <input type="submit" id="btnAdd" name="btnAdd" class="btn btn-primary" value="Update" />
                            </div>
                        </div>
                    </div>
                    <!-- /.card -->

                    <!-- general form elements -->
                    <!-- <div class="card card-primary">
                        <div class="card-footer">
                            @csrf
                            <button type="submit" class="btn btn-primary">Update</button>
                        </div>
                    </div> -->
                    <!-- /.card -->

                </div>
                <!--/.col (left) -->
            </div>
        </form>
        <!-- /.row -->
    </div><!-- /.container-fluid -->
</section>
<!-- /.content -->

@endsection


@section('script')

<script>
   $.validator.addMethod("regx", function(value, element, regexpr) {
        return regexpr.test(value);
    }, "Please enter a valid pasword.");
    $("#updateProfile").validate({
        rules: {    
                email: {
                    regx: /^(([^<>()\[\]\.,;:\s@\"]+(\.[^<>()\[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/i,
                },
                name: {
                    required: true,
                },
                
                phoneNo: {
                    //required: true,
                    digits: true,
                    minlength: 10,
                    maxlength: 15
                },
                houseNo:{
                    required: true,
                },
                streetName:{
                    required: true,
                },
                country:{
                    required: true,
                },
                state:{
                    required: true,
                },

                city:{
                    required: true,
                },

                zipCode:{
                    required: true,
                    noSpace: true,
                    digits: true,
                },
            },

            message:{

                phoneNo : {

                    minlength : "Please enter at least 10 digits.",
                    maxlength : "Phone no less than or equal to 15 digits."
                }
            }
    });
    $(".only-numeric").bind("keypress", function(e) {
        var keyCode = e.which ? e.which : e.keyCode
        if (!(keyCode >= 48 && keyCode <= 57)) {
            $(".error").css("display", "inline");
            return false;
        } else {
            $(".error").css("display", "none");
        }

    });                                                                                                                                                                                                         
</script>

@endsection