@extends('User.Layout.App')

@push('css')
<link href="{{ asset('assets/css/custom/user/account.css') }}" rel="stylesheet">   
@endpush

@section('breadcrumb')
    <ul class="breadcrumb">
        <li><a href="#">User</a></li>
        <li>Account</li>
    </ul>
@endsection

@section('heading')
    <h3 class="heading">Your Account</h3>
@endsection
@section('content')
    <div class="row">
        
            <form action="{{ url('user/account/'.$userDetails->uid) }}" method="post">
                @csrf  
                @method('put')

                <div class="row mt-3">
                    <div class="col-md-1">
                        <labe class="form-label">Your Entity :</labe>
                    </div>
                    <div class="col-md-6">
                        <select class="form-control"
                            id="entity_id"
                            name="entity_id"
                            required
                    >
                        <option value="">Select Entity Type</option>
                        @if(count($entityTypes))
                            @foreach($entityTypes as $e)
                                <option value="{{$e->value}}"
                                        @if($userDetails->entity_id==$e->value)
                                            selected
                                        @endif
                                        >{{$e->label}}
                                </option>
                            @endforeach
                        @endif
                        </select>
                    </div>
                </div>

                <div class="row mt-3">
                    <div class="col-md-1">
                        <labe class="form-label">Your Name :</labe>
                    </div>
                    <div class="col-md-3">
                        <input type="text" class="form-control" 
                            id="first_name" 
                            name="first_name" 
                            value="{{$userDetails->first_name ?? NULL}}"
                            placeholder="Your First Name"
                        >
                    </div>
                    <div class="col-md-3">
                        <input type="text" class="form-control" 
                            id="last_name" 
                            name="last_name" 
                            value="{{$userDetails->last_name ?? NULL}}"
                            placeholder="Your Last Name"
                            >  
                    </div>
                </div>

                <div class="row mt-3">
                    <div class="col-md-1">
                        <labe class="form-label">Mobile No :</labe>
                    </div>
                    <div class="col-md-6">
                        <input type="text" class="form-control" 
                            id="mobile_no" 
                            name="mobile_no" 
                            value="{{$userDetails->mobile_no ?? NULL}}"
                            placeholder="Your Mobile No"
                            >   
                    </div>
                </div>

                <div class="row mt-3">
                    <div class="col-md-1">
                        <labe class="form-label">Email :</labe>
                    </div>
                    <div class="col-md-6">
                        <input type="email" class="form-control" 
                            id="email" 
                            name="email" 
                            value="{{$userDetails->email ?? NULL}}"
                            placeholder="Your Email"
                        >
                    </div>
                </div>

                <div class="row mt-4">
                    <div class="col-md-7 text-center">
                        <button type="submit" class="account-update-button"
                                name="button_type"
                                value="account"
                                >
                            Update
                        </button>
                    </div>
                </div>
            </form>
                    
        
    </div> 
@endsection