@php
    if ($officer == null) {
        $title = 'Officer Add';
        $user_userid = 0;
        $user_title = '';
        $user_username = '';
        $user_firstname = '';
        $user_lastname = '';
        $user_email = '';
        $user_position = '';
        $user_position = '';
        $user_picture = 'profile.png';
        $user_picture = '';
        $user_school_division = '';
        $user_curriculum = '';
        $user_officer_status = '';
    } else {
        $title = 'Officer Edit';
        $user_userid = $officer->user_userid;
        $user_title = $officer->user_title;
        $user_username = $officer->user_username;
        $user_firstname = $officer->user_firstname;
        $user_lastname = $officer->user_lastname;
        $user_email = $officer->user_email;
        $user_position = $officer->user_position;
        $user_picture = $officer->user_picture;
        $user_role = $officer->user_role;
        $user_school_division = $officer->user_school_division;
        $user_curriculum = $officer->user_curriculum;
        $user_officer_status = $officer->user_officer_status;
    }

    // if (empty($role)) {
    //     $name       = '';
    //     $guard_name = '';
    // } else {
    //     $name       = $user->name;
    //     $guard_name = $user->guard_name;
    // }

@endphp
@extends('layouts.master')
@section('title', $title)

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

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

@section('content')
    @include('layouts.header')
    <section class="wrapper image-wrapper bg-image bg-overlay text-white" data-image-src="{{ asset('/bg/bgg02.png') }}"
        style="background-image: url('{{ asset('/bg/bgg02.png') }}');">
        <div class="container pt-md-16 py-14 pb-md-15 text-center">
            <div class="row">
                <div class="row">
                    <div class="col-lg-8 col-xxl-7 mx-auto text-center" data-cues="slideInDown" data-group="page-title"
                        data-delay="600">
                        <h1 class="fs-58 mb-2 text-light">{{ $title }}</h1>
                        {{-- <h2 class="fs-16 text-uppercase ls-xl text-light mb-4">Hello! This is Sandbox</h2> --}}
                    </div>
                </div>
            </div>
        </div>
    </section>

    <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>
                {{-- <a href="{{ asset('/') }}" class="btn btn-lg btn-primary rounded-pill p-1 px-3"><i
                        class="uil uil-plus"></i>
                    Add</a> --}}
            </div>
        </div>




        <form action="{{ url('/officeredit') }}" 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 class="mb-3">
                        <div class="mb-2">
                            <img class="avatar w-100 border" src="{{ url('/user_pictures', $user_picture) }}" alt=""
                                style="width:50px;" />
                        </div>
                        <label class="badge btn btn-secondary w-100">
                            <input type="file" class="d-none">
                            <i class="uil uil-paperclip"></i> Browse
                        </label>
                    </div> --}}
                </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="Title"
                            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-6">
                    <div class="form-floating mb-4">
                        <input id="textInputExample" type="email" class="form-control" placeholder="E-mail"
                            name="user_email" value="{{ $user_email }}" required>
                        <label for="textInputExample">E-mail</label>
                    </div>
                </div>
                {{-- <div class="col-md-6">
                    <div class="form-floating mb-4">
                        <input id="textInputExample" type="text" class="form-control" placeholder="Position"
                            name="user_position" value="{{ $user_position }}">
                        <label for="textInputExample">Position</label>
                    </div>
                </div> --}}
                {{-- <div class="col-md-4">
                    <div class="form-floating mb-4">
                        <select class="form-select" placeholder="" name="role" id="role">
                            <option value="default" selected disabled>Please select</option>
                            @foreach ($role as $i => $roleItem)
                                <option value="{{ $roleItem->name }}" 
                                    >
                                    {{ $roleItem->name }}
                                </option>
                            @endforeach
                        </select>
                        <label for="role">Role</label>
                    </div>
                </div> --}}
                <div class="col-md-6">
                    <div class="form-floating mb-4">
                        @php
                            $sortedSchoolDivision = $school_division->sortBy('school_division_name_en');
                        @endphp
                        <select class="form-select" placeholder="" name="user_school_division" id=""
                            value="{{ $user_school_division }}">
                            <option value="default" selected disabled>Please select</option>
                            @foreach ($sortedSchoolDivision as $i => $school)
                                <option value="{{ $school->school_division_id }}"
                                    @if ($school->school_division_id == $user_school_division) selected @endif>
                                    {{ $school->school_division_name_en }}
                                </option>
                            @endforeach
                        </select>
                        <label for="role">School/Division</label>
                    </div>
                </div>
                {{-- <div class="col-md-6">
                    <div class="form-floating mb-4">
                        <select class="form-select" placeholder="" name="user_curriculum" id=""
                            value="{{ $user_curriculum }}">
                            <option value="default" selected disabled>Please select</option>
                            @foreach ($curriculum as $i => $curri)
                                <option value="{{ $curri->curriculum_id }}"
                                    @if ($curri->curriculum_id == $user_curriculum) selected @endif>
                                    {{ $curri->curriculum_shortname }}
                                </option>
                            @endforeach
                        </select>
                        <label for="role">Curriculum</label>
                    </div>
                </div> --}}
                <div class="col-md-6">
                    <div class="form-floating mb-4">
                        <select class="form-select" placeholder="" name="user_officer_status" id="user_officer_status"
                            value="{{ $user_officer_status }}">
                            <option value="default" selected disabled>Please select</option>

                            <option value="Active">Active</option>
                            <option value="Inactive">Inactive</option>

                        </select>
                        <label for="role">Status</label>
                    </div>
                </div>
            </div>

            <button class="btn btn-info w-100 text-light" type="submit">Submit</button>

        </form>
    </div>

    @include('layouts.footer')

    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    @if (session('error'))
        <script>
            Swal.fire({
                icon: 'error',
                title: 'This email is already in the system.',
                text: '{{ session('error') }}',
                confirmButtonText: 'Confirm'
            });
        </script>
    @endif

@endsection