@extends('Website.Layout.App')

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


@section('content')

    <div class="container-fluid account-setting-homepage">
        <div class="container text-center">
            <h1 class="mx-auto"><span><b><u>Account</u></b></span></h1>
        </div>
    </div>    

    <div class="container mt-5">

        <div class="flash-message">
            @foreach (['danger', 'warning', 'success', 'info'] as $msg)
                @if (Session::has('alert-' . $msg))
                    <p class="alert alert-{{ $msg }} d-flex justify-content-between p-2">
                        <b>{{ Session::get('alert-' . $msg) }}</b>
                        <i class="fa fa-times-circle close" aria-hidden="true" data-dismiss="alert" aria-label="close"></i>
                    </p>
                    {{ session()->forget('alert-' . $msg) }}
                @endif
            @endforeach
        </div>

        <div class="row">
            <div class="col-md-6">
                <div class="container">
                    <div class="card account-card">
                        <div class="card-header">
                            <h6>User Details</h6>
                        </div>
                        <div class="card-body">
                            <form action="{{ url('user/account/'.$userDetails->uid) }}" method="post">
                                @csrf  
                                @method('put')
                                <div class="">
                                    <label for="" class="form-label">Entity :</label>
                                    <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 class="mt-4">
                                    <label for="" class="form-label">First Name :</label>
                                    <input type="text" class="form-control" 
                                            id="first_name" 
                                            name="first_name" 
                                            value="{{$userDetails->first_name ?? NULL}}"
                                            >
                                </div>
                                <div class="mt-4">
                                    <label for="" class="form-label">Last Name :</label>
                                    <input type="text" class="form-control" 
                                            id="last_name" 
                                            name="last_name" 
                                            value="{{$userDetails->last_name ?? NULL}}"
                                            >
                                </div>
                                <div class="text-center mt-4">
                                    <button type="submit" class=""
                                            name="button_type"
                                            value="account"
                                            >
                                        Update
                                    </button>
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="container">
                    <div class="card account-card">
                        <div class="card-header">
                            <h6>Communication Details</h6>
                        </div>
                        <div class="card-body">
                            <form action="{{ url('user/account/'.$userDetails->uid) }}" method="post">
                                @csrf  
                                @method('put')
                                <div class="">
                                    <label for="" class="form-label">Mobile No :</label>
                                    <input type="text" class="form-control" 
                                            id="mobile_no" 
                                            name="mobile_no" 
                                            value="{{$userDetails->mobile_no ?? NULL}}"
                                            >
                                </div>

                                <div class="mt-4">
                                    <label for="" class="form-label">Email :</label>
                                    <input type="text" class="form-control" 
                                            id="email" 
                                            name="email" 
                                            value="{{$userDetails->email ?? NULL}}"
                                            >
                                </div>

                                <div class="text-center mt-4">
                                    <button type="submit" class=""
                                            name="button_type"
                                            value="communication"
                                            >
                                        Update
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection 

@push('scripts')
<script>

</script>
@endpush