@php
    if ($user == null) {
        $title = 'User Add/Edit';
        $user_userid = 0;
        $user_title = '';
        $user_username = '';
        $user_firstname = '';
        $user_lastname = '';
        $user_email = '';
        $user_phone = '';
        $user_address = '';
        $user_position = '';
        $user_role = '';
        $user_picture = 'profile.png';
        $user_picture = '';
    } else {
        $title = 'User Add/Edit';
        $user_userid = $user->user_userid;
        $user_title = $user->user_title;
        $user_username = $user->user_username;
        $user_firstname = $user->user_firstname;
        $user_lastname = $user->user_lastname;
        $user_email = $user->user_email;
        $user_phone = $user->user_phone;
        $user_address = $user->user_address;
        $user_position = $user->user_position;
        $user_picture = $user->user_picture;
        $user_role = $user->user_role;
    }
@endphp
@extends('layouts.master')
@section('title', $title)

@section('style')
    <style></style>
@endsection

@section('script')
    <script></script>
@endsection

@section('content')
    @include('layouts.header')

    @include('layouts.title')

    <div class="container py-10">
        <div class="d-flex justify-content-between align-items-center mb-3">
            <div>
                <span class="text-dark fs-30">{{ $title }}</span>
            </div>
        </div>

        <form action="{{ url('/useredit') }}" class="text-start mb-3" method="post" enctype="multipart/form-data">
            @csrf
            <input type="text" name="user_userid" value="{{ $user_userid }}" hidden />
            <div class="row">
                <div class="col-md-2">
                </div>
                <div class="col-md-10"></div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="form-floating mb-4">
                        <input id="textInputExample" type="text" class="form-control" placeholder="Username"
                            name="user_username" value="{{ $user_username }}">
                        <label for="textInputExample">Username</label>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-floating mb-4">
                        <input id="textInputExample" type="text" class="form-control" placeholder="First Name"
                            name="user_firstname" value="{{ $user_firstname }}">
                        <label for="textInputExample">First Name</label>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-floating mb-4">
                        <input id="textInputExample" type="text" class="form-control" placeholder="Last Name"
                            name="user_lastname" value="{{ $user_lastname }}">
                        <label for="textInputExample">Last Name</label>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-floating mb-4">
                        <input id="textInputExample" type="email" class="form-control" placeholder="E-mail"
                            name="user_email" value="{{ $user_email }}">
                        <label for="textInputExample">E-mail</label>
                    </div>
                </div>
                {{-- <div class="col-md-4">
                    <div class="form-floating mb-4">
                        <input id="userPhone" type="tel" class="form-control" placeholder="Phone number"
                            name="user_phone" value="{{ $user_phone }}">
                        <label for="userPhone">Phone number</label>
                    </div>
                </div> --}}
                @if (Auth::user()->hasRole('Admin'))
                    <div class="col-md-4">
                        <div class="form-floating mb-4">
                            <select class="form-select" name="role" id="role">
                                <option value="default" selected disabled>Please select</option>
                                @foreach ($role as $i => $roleItem)
                                    <option value="{{ $roleItem->name }}" @if ($user_role == $roleItem->name) selected @endif>
                                        {{ $roleItem->name }}
                                    </option>
                                @endforeach
                            </select>
                            <label for="role">Role</label>
                        </div>
                    </div>
                @endif
                <div class="col-md-4">
                    <select class="form-select" id="school_division_id" name="school_division_id" required>
                        <option value="">-- Please select division --</option>
                        @foreach ($divisions as $division)
                            <option value="{{ $division->school_division_id }}"
                                {{ old('school_division_id', $user->user_division ?? '') == $division->school_division_id ? 'selected' : '' }}>
                                {{ $division->school_division_name_en }} ({{ $division->school_division_shortname }})
                            </option>
                        @endforeach
                    </select>
                </div>
                {{-- <div class="col-md-12">
                    <div class="form-floating mb-4">
                        <input id="userAddress" type="text" class="form-control" placeholder="Address"
                            name="user_address" value="{{ $user_address }}">
                        <label for="userAddress">Address</label>
                    </div>
                </div> --}}
            </div>
            <button class="btn btn-info w-100 text-light" type="submit">Submit</button>
        </form>
    </div>

    @include('layouts.footer')
@endsection