@php
use App\Libraries\FileSystem;
@endphp

@extends('layouts.userLayout')
@section('content')

<section class="dashboard_section">
    <div class="dashboard_inner">
        @include('user.dashboard.sidebar')
        <div class="right_side_wrap top-space">
            <div class="setting">
                <form method="post" id="edit_profile">
                    {{ csrf_field() }}
                    <div class="row">
                        <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                            <div class="breadcame">
                                <div class="breadcame_area">
                                    <h2>My Profile</h2>
                                </div>
                            </div>
                        </div>
                        <div class="col-xxl-9 col-xl-9 col-lg-9 col-md-10 col-sm-12 col-12 mx-auto">
                            <div class="change_password profileUpdateImage">
                                <!--!! FLAST MESSAGES !!-->
                                @include('user.partials.flash_messages')
                                <div class="row">
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="photo">
                                            <p>Photo</p>
                                        </div>
                                        <div class="up_area">
                                            <div class="left_area">
                                                <div class="image match_height_col">
                                                    <img class="profile-user-img" src="{{ General::renderProfileImage(FileSystem::getAllSizeImages($user->image), 'large') }}" alt="..." />
                                                    <div class="iconwrap">
                                                        <label for="profile_pic" class="icon_row">
                                                            <i class="far fa-pen"></i>
                                                        </label>
                                                        <input type="file" class="d-none" id="profile_pic" data-url="{{ route('user.updatePicture') }}" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="right_area">
                                                @if($user->stripe_card_id)
                                                <div class="card-show match_height_col">
                                                    <div class="up" style="z-index: 5;">
                                                        <div class="left">
                                                            <div class="img_area">
                                                                @if (str_contains($user->card_type, 'Visa'))
                                                                    <img src="{{ url('frontend/images/card/visa.png') }}" alt="..." />
                                                                @elseif(str_contains($user->card_type, 'UnionPay'))
                                                                    <img src="{{ url('frontend/images/card/unionpay.png') }}" alt="..." />
                                                                @elseif(str_contains($user->card_type, 'Discover'))
                                                                    <img src="{{ url('frontend/images/card/discover.png') }}" alt="..." />
                                                                @elseif(str_contains($user->card_type, 'Japan'))
                                                                    <img src="{{ url('frontend/images/card/jcb.png') }}" alt="..." />
                                                                @elseif(str_contains($user->card_type, 'MasterCard'))
                                                                    <img src="{{ url('frontend/images/card/maestro.png') }}" alt="..." />
                                                                @elseif(str_contains($user->card_type, 'Mastercard'))
                                                                    <img src="{{ url('frontend/images/card/maestro.png') }}" alt="..." />
                                                                @elseif(str_contains($user->card_type, 'American'))
                                                                    <img src="{{ url('frontend/images/card/american-express.png') }}" alt="..." />
                                                                @else
                                                                    <img src="{{ url('frontend/images/card/credit-card.png') }}" alt="..." />
                                                                @endif

                                                            </div>
                                                        </div>
                                                        <div class="right">
                                                            <div class="dropdown">
                                                                <button class="btn dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                                                    <i class="fas fa-caret-down"></i>
                                                                </button>
                                                                <ul class="dropdown-menu">
                                                                    <li><a href="javascript:;" class="dropdown-item" data-bs-toggle="modal" data-bs-target="#changeCard">Change</a></li>
                                                                    <li><a class="dropdown-item _remove_card" data-action="{{ route('user.unlink.card') }}" href="javascript:;">Remove</a></li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="card_number">
                                                        <p>*************{{ $user->card }}</p>
                                                    </div>
                                                    <div class="exipre">
                                                        <p>Expires</p>
                                                    </div>
                                                    <div class="name">
                                                        <div class="left">
                                                            <p>
                                                                {{ $user->holder_name }}
                                                            </p>
                                                        </div>
                                                        <div class="right">
                                                            <p>
                                                                {{ $user->exp_month }}/{{ $user->exp_year }}
                                                            </p>
                                                        </div>
                                                    </div>
                                                    <div class="marked">
                                                        <img src="{{ url('frontend/images/Ornament.png') }}" alt="..." />
                                                    </div>
                                                </div>
                                                @else
                                                <div class="card-show match_height_col">
                                                    <div class="add_card_plus">
                                                        <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#addcard">
                                                            <i class="fal fa-plus"></i>
                                                        </a>
                                                        <p>Add card</p>
                                                    </div>
                                                    <div class="marked">
                                                        <img src="{{ url('frontend/images/Ornament.png') }}" alt="..." />
                                                    </div>
                                                </div>
                                                @endif
                                                @if($user->membership_id)                                                
                                                <div class="purchase_pplan two match_height_col">
                                                    @if($user->membership_id && strtotime($user->membership_expire) >= strtotime(date('Y-m-d')))
                                                    <a href="javascript:;" class="btn btn-primary">{{ $user->membership_title }}</a>
                                                    @else
                                                    <a href="javascript:;" class="btn btn-primary">{{ $user->membership_title }}</a>
                                                    <a href="{{ route('user.renewPlan',['id' => General::encrypt($user->membership_id)] ) }}" class="btn btn-primary renew_btn">Renew</a>
                                                    @endif
                                                    <div class="purache_date">
                                                        <div class="left">
                                                            <p>
                                                                Date of purchase
                                                            </p>
                                                            <h6>
                                                                {{ date('d/m/Y',strtotime($user->membership_date)) }}
                                                            </h6>
                                                        </div>
                                                        <div class="right">
                                                            <div class="exp">
                                                                <p>
                                                                    Expire Date
                                                                </p>
                                                                <h6>
                                                                    {{ date('d/m/Y',strtotime($user->membership_expire)) }}
                                                                </h6>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                @else
                                                <div class="purchase_pplan match_height_col">
                                                    <a href="{{ route('user.subscriptionPlan') }}" class="btn btn-primary">Purchase a Subscription</a>
                                                </div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                        <div class="form-group">
                                            <label class="set_error">First Name</label>
                                            <input type="text" class="form-control alpha_space" name="first_name" value="{{ isset($user->first_name) && $user->first_name ? $user->first_name : @old('first_name') }}" placeholder="Enter First Name" value="Dianne" autocomplete="off" readonly required />
                                            @error('first_name')
                                            <label id="first_name-error" class="error" for="first_name">{{ $message }}</label>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                        <div class="form-group">
                                            <label class="set_error">Last Name</label>
                                            <input type="text" class="form-control alpha_no_space" name="last_name" value="{{ isset($user->last_name) && $user->last_name ? $user->last_name : @old('last_name') }}" placeholder="Enter Last Name" autocomplete="off" readonly required />
                                            @error('last_name')
                                            <label id="last_name-error" class="error" for="last_name">{{ $message }}</label>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="form-group">
                                            <label class="set_error">Buyer/seller Type</label>
                                            <select class="form-select" name="user_type" id="seller_type" disabled required>
                                                <option value="buyer" >Private buyer or seller</option>
                                                <option value="seller" >Registered Seller (RS)</option>
                                                <option value="rbe" >Registered Breeding Establishment (RBE)</option>
                                                <option value="rco" >Registered Charitable Organisation</option>
                                            </select>
                                            @error('user_type')
                                            <label id="user_type-error" class="error" for="user_type">{{ $message }}</label>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 seller_group" @if(isset($user->user_type) && $user->user_type == 'seller') style="display:block" @endif>
                                        <div class="form-group">
                                            <label class="set_error">Seller ID</label>
                                            <span class="text-danger"> *</span>
                                            <input type="text" class="form-control alpha_number" name="seller_id" value="{{ isset($user->seller_id) && $user->seller_id ? $user->seller_id : @old('seller_id') }}" placeholder="Seller ID" autocomplete="off" readonly/>
                                            @error('seller_id')
                                            <label id="seller_id-error" class="error" for="seller_id">{{ $message }}</label>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 rbe_group" @if(isset($user->user_type) && $user->user_type == 'rbe') style="display:block" @endif>
                                        <div class="form-group">
                                            <label class="set_error">RBE number</label>
                                            <span class="text-danger"> *</span>
                                            <input type="text" class="form-control alpha_number" name="rbe_number" value="{{ isset($user->rbe_number) && $user->rbe_number ? $user->rbe_number : @old('rbe_number') }}" placeholder="RBE No" autocomplete="off" readonly/>
                                            @error('rbe_number')
                                            <label id="rbe_number-error" class="error" for="rbe_number"> $message }}</label>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 rbe_group" @if(isset($user->user_type) && $user->user_type == 'rbe') style="display:block" @endif>
                                        <div class="form-group">
                                            <label class="set_error">Maximum number of breeding bitches </label>
                                            <span class="text-danger"> *</span>
                                            <input type="text" class="form-control number_only" name="rbe_breeding_bitches" value="{{ isset($user->rbe_breeding_bitches) && $user->rbe_breeding_bitches ? $user->rbe_breeding_bitches : @old('rbe_breeding_bitches') }}" placeholder="Max number of breeding bitches" autocomplete="off" readonly/>
                                            @error('rbe_breeding_bitches')
                                            <label id="rbe_breeding_bitches-error" class="error" for="rbe_breeding_bitches">{{ $message }}</label>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 charitable_group" @if(isset($user->user_type) && $user->user_type == 'rco') style="display:block" @endif>
                                        <div class="form-group">
                                            <label class="set_error">Charitable number </label>
                                            <span class="text-danger"> *</span>
                                            <input type="text" class="form-control alpha_number" name="charitable_number" value="{{ isset($user->charitable_number) && $user->charitable_number ? $user->charitable_number : @old('charitable_number') }}" placeholder="Charitable no" autocomplete="off" readonly />
                                            @error('charitable_number')
                                            <label id="charitable_number-error" class="error" for="charitable_number">{{ $message }}</label>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="form-group">
                                            <label class="set_error">Business name/Kennel name</label>
                                            <input type="text" class="form-control" name="business_name" value="{{ isset($user->business_name) && $user->business_name ? $user->business_name : @old('business_name') }}" placeholder="Enter name" readonly required />
                                            @error('business_name')
                                            <label id="business_name-error" class="error" for="business_name">{{ $message }}</label>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="form-group">
                                            <label class="set_error">Mobile number </label>
                                           
                                                <input class="o-phone" type="hidden" name="phonenumber" value="{{ isset($user->phonenumber) && $user->phonenumber ? $user->phonenumber : @old('phonenumber') }}">
                                                <input type="tel" id="phone-input" class="form-control" value="{{ isset($user->phonenumber) && $user->phonenumber ? $user->phonenumber : @old('phonenumber') }}" placeholder="Enter your mobile number" readonly required/>
                                           
                                            @error('phonenumber')
                                            <label id="phone-input-error" class="error" for="phone-input">{{ $message }}</label>
                                            @enderror
                                        </div>   
                                    </div>
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="form-group">
                                            <label class="set_error">Email Address</label>
                                            <input type="email" class="form-control" name="email" value="{{ isset($user->email) && $user->email ? $user->email : @old('email') }}" placeholder="Enter Email" autocomplete="off" readonly required />
                                            @error('email')
                                            <label id="email-error" class="error" for="email">{{ $message }}</label>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                        <div class="form-group">
                                            <label class="set_error">Country</label>
                                            <select class="form-select select2" name="country_id" id="country_id" required>
                                                <option selected>Select Country</option>
                                                @foreach($countries as $p)
                                                <option value="{{ $p['id'] }}" @if($user->country_id == $p['id']) {{ 'selected' }} @endif>{{ $p['short_name'] }}</option>
                                                @endforeach
                                            </select>
                                            @error('country_id')
                                            <label id="country_id-error" class="error" for="country_id">{{ $message }}</label>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                        <div class="form-group">
                                            <label class="set_error">County</label>
                                            <select class="form-select select2" name="state_id" id="state_id" required>
                                                <option selected>Select County</option>
                                                @foreach($states as $p)
                                                <option value="{{ $p['id'] }}" @if($user->state_id == $p['id']) {{ 'selected' }} @endif>{{ $p['name'] }}</option>
                                                @endforeach
                                            </select>
                                            @error('state_id')
                                            <label id="state_id-error" class="error" for="state_id">{{ $message }}</label>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                        <div class="form-group">
                                            <label class="set_error">City/Town</label>
                                            <select class="form-select select2" name="city_id" id="city_id" >
                                                <option selected>Select City/Town</option>
                                                @foreach($cities as $p)
                                                <option value="{{ $p['id'] }}" @if($user->city_id == $p['id']) {{ 'selected' }} @endif>{{ $p['name'] }}</option>
                                                @endforeach
                                            </select>
                                            @error('city_id')
                                            <label id="city_id-error" class="error" for="city_id">{{ $message }}</label>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                        <div class="form-group">
                                            <label class="set_error">Postcode</label>
                                            <input type="text" class="form-control" name="zipcode" value="{{ isset($user->zipcode) && $user->zipcode ? $user->zipcode : @old('zipcode')}}">
                                            {{-- <select class="form-select select2" name="postal_code_id" id="postal_code_id" required>
                                                <option selected>Select</option>
                                                @foreach($postalCodes as $p)
                                                <option value="{{ $p['id'] }}" @if($user->postal_code_id == $p['id']) {{ 'selected' }} @endif>{{ $p['name'] }}</option>
                                                @endforeach
                                            </select> --}}
                                            @error('zipcode')
                                            <label id="zipcode-error" class="error" for="zipcode">{{ $message }}</label>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="form-group">
                                            <label class="set_error">Address</label>
                                            <input type="text" class="form-control" name="address" value="{{ isset($user->address) && $user->address ? $user->address : @old('address') }}" placeholder="Address" autocomplete="off" required />
                                            @error('address')
                                            <label id="address-error" class="error" for="address">{{ $message }}</label>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                        <div class="save_button">
                                            <button type="submit" class="btn btn-primary-2">Save Changes</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>


@include('user.profile.addCard')
@include('user.profile.changeCard')

<script src="https://js.stripe.com/v2/"></script>
@endsection