@extends('admin.layouts.app')
@section('content')
<section class="forms">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <form id="frmAddUpdate" name="frmAddUpdate" action="{!! $user->id ? route('admin.user.update') : route('admin.user.store') !!}" method="POST" class="form-horizontal" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="id" value="{!! $user->id !!}">
                    <input type="hidden" name="profile_type" id="profile_type" value="{!! old('profile_type',$user->profile_type) !!}">
                    <input type="hidden" name="elexio_uid" id="elexio_uid" value="{!! $user->elexio_uid !!}">
                    <div class="col-lg-06">
                        <div class="card">
                            <div class="card-body">
                                <div class="form-group row">
                                    <div class="col-sm-6">
                                        <label for="fileInput" class="form-control-label">Profile Pic</label>
                                        <div class="d-md-flex align-items-center image_div">
                                            <div class="form-inline form-fileUpload">
                                                {!! getMedipickerButton('Image',"image","image_alt","image_type","div_image_preview") !!}
                                            </div>
                                            <div class="show-image imageRounded mt-3 mt-md-0" id="div_image_preview">
                                                <img src="{!! old('image') ?? $user->avatar_url !!}" class="img-fluid rounded-circle">

                                                @if($user->avatar)
                                                <!-- <a href="javascript:void(0)" class="deleteMetaImg" onclick="deleteAuthorAvatar({!!$user->id!!})">X</a> -->
                                                @endif
                                            </div>
                                        </div>
                                        <input id="image_old" name="image_old" type="hidden" value="{!! $user->avatar !!}">
                                        <input id="selected_media" name="image" type="hidden" value="{!! old('image') !!}">
                                        @error('image')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-control-label">Image Alt Tag Text</label>
                                        <input type="text" name="image_alt" id="image_alt" value="{!! old('image_alt') ?? $user->image_alt !!}" placeholder="Enter image alt text" class="form-control">
                                        @error('image_alt')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>


                                <div class="form-group row">
                                    <div class="col-sm-6">
                                        <label class="form-control-label">First Name</label>
                                        <input type="text" name="first_name" id="name" value="{!! old('first_name',$user->first_name) !!}" class="form-control">
                                        @error('first_name')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <div class="col-sm-6">
                                        <label class="form-control-label">Last Name</label>
                                        <input type="text" name="last_name" id="last_name" value="{!! old('last_name',$user->last_name) !!}" class="form-control">
                                        @error('last_name')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <div class="col-sm-6">
                                        <label class="form-control-label">Email</label>
                                        <input type="text" name="email" id="email" value="{!! old('email',$user->email) !!}" class="form-control">
                                        @error('email')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <div class="col-sm-6">
                                        <label class="form-control-label">Phone</label>
                                        <div style="display:flex">
                                            <select name="country_id" id="country_id" class="form-control">
                                                @if($countries->count() > 0)
                                                @foreach($countries as $country)
                                                <option value="{!! $country->id !!}" data-phone_code="{!! $country->phone_code !!}" @if($user->country_id == $country->id) selected @endif>{!! $country->emoji !!} {!! $country->name !!} ({!! $country->phone_code !!})</option>
                                                @endforeach
                                                @endif
                                            </select>
                                            <input type="text" class="form-control" id="phone" name="phone" placeholder="000-000-0000" value="{!! old('phone',$user->phone) !!}" autocomplete="off">
                                        </div>
                                        @error('phone')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-sm-4">
                                        <label class="form-control-label">Birthday</label>
                                        <input type="text" class="form-control" id="dob" name="dob" value="{!! old('dob') ?? ($user->dob ? $user->dob->format(config('constants.INPUT_DATE_FORMAT')) : NULL) !!}">
                                        @error('dob')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <div class="col-sm-4">
                                        <label class="form-control-label">Gender</label>
                                        <select name="gender" id="gender" class="form-control">
                                            <option value="">Select</option>
                                            @foreach(gender() as $gender)
                                            <option value="{!! $gender !!}" @if(old('gender') == $gender || $user->gender == $gender) selected @endif>{!! $gender !!}</option>
                                            @endforeach
                                        </select>
                                        @error('gender')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <div class="col-sm-4">
                                        <label class="form-control-label">Relationship</label>
                                        <select name="relationship" id="relationship" class="form-control">
                                            <option value="">Select</option>
                                            @foreach(relationships() as $relationship)
                                            <option value="{!! $relationship->name !!}" @if(old('relationship') == $relationship->name || $user->relationship == $relationship->name) selected @endif>{!! $relationship->name !!}</option>
                                            @endforeach
                                        </select>
                                        @error('relationship')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-sm-6">
                                        <label class="form-control-label">Address</label>
                                        <input type="text" name="address" id="address" value="{!! old('address',$user->address) !!}" class="form-control">
                                        @error('address')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <div class="col-sm-6">
                                        <label class="form-control-label">City</label>
                                        <input type="text" name="city" id="city" value="{!! old('city',$user->city) !!}" class="form-control">
                                        @error('city')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-sm-4">
                                        <label class="form-control-label">State</label>
                                        <input type="text" name="state" id="state" value="{!! old('state',$user->state) !!}" class="form-control">
                                        @error('state')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <div class="col-sm-4">
                                        <label class="form-control-label">Country</label>
                                        <select name="country" id="country" class="form-control">
                                            <option value="">Select</option>
                                            @if($countries->count() > 0)
                                            @foreach($countries as $country)
                                            <option value="{!! $country->name !!}" @if($user->country == $country->name) selected @endif>{!! $country->name !!}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                        @error('city')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <div class="col-sm-4">
                                        <label class="form-control-label">Zipcode</label>
                                        <input type="text" name="zipcode" id="zipcode" value="{!! old('zipcode',$user->zipcode) !!}" class="form-control">
                                        @error('zipcode')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                @php /* @endphp
                                <div class="form-group row">
                                    <div class="col-sm-4">
                                        <label class="form-control-label">Date Last Attended</label>
                                        <input type="text" name="last_attended_at" id="last_attended_at" value="{!! old('last_attended_at') ?? ($user->last_attended_at ? $user->last_attended_at->format(config('constants.INPUT_DATE_FORMAT')) : NULL) !!}" class="form-control">
                                        @error('last_attended_at')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <div class="col-sm-4">
                                        <label class="form-control-label">Baptism Date</label>
                                        <input type="text" name="baptized_at" id="baptized_at" value="{!! old('baptized_at') ?? ($user->baptized_at ? $user->baptized_at->format(config('constants.INPUT_DATE_FORMAT')) : NULL) !!}" class="form-control">
                                        @error('baptized_at')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <div class="col-sm-4">
                                        <label class="form-control-label">Membership Date</label>
                                        <input type="text" name="membership_at" id="membership_at" value="{!! old('membership_at') ?? ($user->membership_at ? $user->membership_at->format(config('constants.INPUT_DATE_FORMAT')) : NULL) !!}" class="form-control">
                                        @error('membership_at')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                </div>
                                @php */ @endphp
                                <div class="form-group row">
                                    <div class="col-sm-4">
                                        <label class="form-control-label">Marital Status</label>
                                        <select name="marital_status" id="marital_status" class="form-control">
                                            <option value="">Select</option>
                                            @foreach(maritalstatus() as $maritalstatus)
                                            <option value="{!! $maritalstatus !!}" @if(old('marital_status') == $maritalstatus || $user->marital_status == $maritalstatus) selected @endif>{!! $maritalstatus !!}</option>
                                            @endforeach
                                        </select>
                                        @error('marital_status')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <div class="col-sm-4">
                                        <label class="form-control-label">Baptized at Meck?</label>
                                        <select name="baptized_here" id="baptized_here" class="form-control">
                                            <option value="">Select</option>
                                            <option value="Yes" @if(old('baptized_here') == "Yes" || $user->baptized_here == "Yes") selected @endif>Yes</option>
                                            <option value="No" @if(old('baptized_here') == "No" || $user->baptized_here == "No") selected @endif>No</option>
                                        </select>
                                        @error('baptized_here')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div>
                                    <!-- <div class="col-sm-4">
                                        <label class="form-control-label">Heard About Us From</label>
                                        <input type="text" name="heard_about_us_from" id="heard_about_us_from" value="{!! old('heard_about_us_from',$user->heard_about_us_from) !!}" class="form-control">
                                        @error('heard_about_us_from')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div> -->
                                </div>

                                <div class="form-group row">
                                    <!-- <div class="col-sm-4">
                                        <label class="form-control-label">Allergies</label>
                                        <textarea name="allergies" id="allergies" class="form-control">{!! old('allergies',$user->allergies) !!}</textarea>
                                        @error('allergies')
                                        <span class="error" role="alert">{!! $message !!}</span>
                                        @enderror
                                    </div> -->
                                    <div class="col-sm-4">
                                        <label class="form-control-label">Status</label>
                                        <div class="radiobox radio-wrap">
                                            <div class="radiobtn">
                                                <input type="radio" id="is_active_yes" class="form-control checkboxinput" name="is_active" value="1" {!! $user->is_active == '1' ? 'checked' : '' !!} checked>Active
                                                <h1></h1>
                                            </div>
                                            <div class="radiobtn">
                                                <input type="radio" id="is_active_no" class="form-control checkboxinput" name="is_active" value="0" {!! $user->is_active == '0' ? 'checked' : '' !!} >Inactive
                                                <h1></h1>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="line"> </div>
                                <div class="form-group row">
                                    <div class="col-sm-12 text-center">
                                        <button type="button" class="btn btn-secondary" onclick="window.location.href='{!! route('admin.user.index') !!}';">Cancel</button>
                                        <button type="submit" class="btn btn-primary">Save changes</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
@include('admin.media.add_popup')
@section('js')
<!-- {!! config('constants.TINY_MCE_SCRIPT') !!} -->
<script src="{!! asset('assets/backend/js/pages/user.js') !!}"></script>
@stop
@endsection