@extends('layouts.argon')


@section('content')
    <main class="main-content  mt-0">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="card mb-4">
                        <div class="card-header pb-0">
                            <h6>Members List</h6>
                        </div>
                        <div class="card-body px-0 pt-0 pb-2">
                            <div class="table-responsive p-0">
                                <table class="table align-items-center mb-0">
                                    <thead>
                                        <tr>
                                            <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                                Name</th>
                                            <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                                Email</th>
                                            <th
                                                class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">
                                                Section</th>
                                            <th
                                                class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">
                                                Department</th>
                                            <th
                                                class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                                Allow Leaves</th>
                                            <th
                                                class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">
                                                Registration Date</th>
                                            <th class="text-secondary opacity-7"></th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                        @foreach ($members as $member)
                                            <tr>

                                                <td>
                                                    <div class="d-flex px-2 py-1">

                                                        <div class="d-flex flex-column justify-content-center">
                                                            <h6 class="mb-0 text-sm">{{ $member->name }}</h6>
                                                            <p class="text-xs text-secondary mb-0">{{ $member->jobtitle }}
                                                            </p>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td>

                                                    <p class="text-xs font-weight-bold mb-0">{{ $member->email }}</p>

                                                </td>


                                                <td>
                                                    @php
                                                        $dep = DB::table('departments')
                                                            ->where('id', $member->department_id)
                                                            ->first();
                                                    @endphp

                                                    @if (isset($dep->name))
                                                        <p class="text-xs font-weight-bold mb-0">{{ $dep->name }}</p>
                                                    @endif
                                                </td>

                                                <td>
                                                    @php
                                                        $orignaldep = DB::table('odepartments')
                                                            ->where('id', $member->odep_id)
                                                            ->first();
                                                    @endphp

                                                    @if (isset($orignaldep->name))
                                                        <p class="text-xs font-weight-bold mb-0">{{ $orignaldep->name }}</p>
                                                    @endif
                                                </td>

                                                <td class="align-middle text-center text-sm">

                                                    <span
                                                        class="badge badge-sm bg-gradient-success">{{ $member->allowleaves }}
                                                    </span>

                                                </td>
                                                <td class="align-middle text-center">
                                                    <span
                                                        class="text-secondary text-xs font-weight-bold">{{ $member->created_at }}</span>
                                                </td>
                                                <td class="align-middle">
                                                    <i data-bs-toggle="modal"
                                                        data-bs-target="#exampleModal{{ $member->id }}" class="fa fa-edit"
                                                        style="cursor: pointer;"></i>
                                                    <i data-bs-toggle="modal"
                                                        data-bs-target="#exampleModaltrash{{ $member->id }}"
                                                        class="fa fa-trash" style="cursor: pointer;"></i>
                                                </td>
                                            </tr>





                                            <!-------Model In Lopp------>

                                            <div class="modal fade" id="exampleModal{{ $member->id }}" tabindex="-1"
                                                aria-labelledby="exampleModalLabel" aria-hidden="true">


                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title" id="exampleModalLabel">Update user
                                                                details</h5>
                                                            <button type="button" class="close" data-bs-dismiss="modal"
                                                                aria-label="Close">&times;</button>
                                                        </div>


                                                        <form role="form" method="POST"
                                                            action="{{ route('uploademember') }}"
                                                            enctype="multipart/form-data">
                                                            @csrf
                                                            <div class="modal-body">








                                                                <div class="mb-3">


                                                                    @php
                                                                        $getmember = DB::table('users')
                                                                            ->where('id', $member->id)
                                                                            ->first();
                                                                    @endphp

                                                                    <input type="hidden" class="form-control"
                                                                        value="{{ $getmember->id }}" name="id">


                                                                     <label
                                                                        style="width: 49%;display: inline-block;">Name

                                                                        <input type="text" class="form-control"
                                                                        placeholder="Name" value="{{ $getmember->name }}"
                                                                        name="name"
                                                                         required></label>
                                                                     <label
                                                                        style="width: 49%;display: inline-block;">Email
                                                                        
                                                                        <input type="email" class="form-control"
                                                                        placeholder="Email" value="{{ $getmember->email }}"
                                                                        name="email"
                                                                        required></label>

                                                                </div>


                                                                <div class="mb-3">

                                                                 <label style="width: 49%;display: inline-block;">Job Title
                                                                    <select name="jobtitle" class="form-select"
                                                                        data-search="on">
                                                                        <option value="{{ $member->jobtitle }}">
                                                                            {{ $member->jobtitle }}</option>
                                                                        @foreach ($jobtitles as $jobtitle)
                                                                            <option value="{{ $jobtitle->name }}">
                                                                                {{ $jobtitle->name }}</option>
                                                                        @endforeach
                                                                    </select></label>


                                                                    @php
                                                                        $getdepartment = DB::table('departments')
                                                                            ->where('id', $member->department_id)
                                                                            ->first();
                                                                    @endphp
                                                                    

                                                                    <label style="width: 49%;display: inline-block;">Section
                                                                    <select name="depid" class="form-select"
                                                                        data-search="on">
                                                                        @if (isset($getdepartment))
                                                                            <option value="{{ $getdepartment->id }}">
                                                                                {{ $getdepartment->name }}</option>
                                                                        @endif
                                                                        @foreach ($getdeparts as $getdepart)
                                                                            <option value="{{ $getdepart->id }}">
                                                                                {{ $getdepart->name }}</option>
                                                                        @endforeach
                                                                    </select></label>







                                                                </div>



                                                                <div class="mb-3">

                                                                    <label style="width: 49%;display: inline-block;">Department
                                                                    <select class="form-select"
                                                                        data-search="on" required>
                                                                        @if (isset($getOdep))
                                                                            <option value="{{ $getOdep->id }}">
                                                                                {{ $getOdep->name }}</option>
                                                                        @endif
                                                                        @foreach ($getOdeparts as $getOdepart)
                                                                            <option value="{{ $getOdepart->id }}">
                                                                                {{ $getOdepart->name }}</option>
                                                                        @endforeach
                                                                    </select></label>

                                                                    





                                                                     <label style="width: 49%;display: inline-block;">Allow Leaves
                                                                    <input type="number" class="form-control"
                                                                        placeholder="Allow Leaves"
                                                                        value="{{ $member->allowleaves }}"
                                                                        name="allowleaves"></label>

                                                                </div>






                                                                <div class="mb-3">

                                                                 <label style="width: 49%;display: inline-block;">Job Status
                                                                    <select name="job_status" class="form-select"
                                                                        data-search="on">

                                                                        
                                                                        <option value="{{ $member->job_status}}" selected>{{ $member->job_status}}</option>
                                                                        <option value="Permanent">Permanent
                                                                        </option>
                                                                        <option value="Ad-hoc">Ad-hoc</option>
                                                                        <option value="Temporary">Temporary</option>
                                                                    </select></label>

                                                                    
                                                                     <label style="width: 49%;display: inline-block;">Member Status
                                                                     <select name="active" class="form-select"
                                                                        data-search="on">

                                                                      <option value="1" {{ $member->active == 1 ? 'selected' : '' }}>Active</option>
                                                                      <option value="0" {{ $member->active == 0 ? 'selected' : '' }}>Inactive</option>

                                                                    </select></label>

                                                                </div>



                                                                <div class="mb-3">
                                                                  <label style="width: 49%; display: inline-block;">
                                                                        Joining date
                                                                        <input type="date" class="form-control" name="date_of_joining" placeholder="Date of joining"
                                                                              value="{{ \Carbon\Carbon::parse($member->date_of_joining)->toDateString() }}">
                                                                    </label>

                                                                    <label
                                                                        style="width: 49%;display: inline-block;">Transfer
                                                                        date
                                                                        <input type="date" class="form-control"
                                                                            placeholder="Date of transfer"
                                                                            name="date_of_transfer"
                                                                            value="{{ \Carbon\Carbon::parse($member->date_of_transfer)->toDateString() }}">
                                                                    </label>

                                                                </div>

                                                                <div class="mb-3">
                                                                 <label style="width: 100%;display: inline-block;">Notes</label>
                                                                    <input type="textarea" class="form-control"
                                                                        placeholder="Notes" name="notes" value="{{ $member->notes }} ">
                                                                </div>





                                                                <div class="mb-3">
                                                                    <label
                                                                        style="width: 49%;display: inline-block;">Attachment
                                                                        (If any)
                                                                        <input type="file" class="form-control"
                                                                            placeholder="Attachment" name="file">

                                                                            @if ($getmember->attachment)
                                                                                <img src="{{ asset($getmember->attachment) }}" alt="Member attachment" style="height: 50px; width: auto;">
                                                                            @endif
                                                                    </label>
                                                                    <label
                                                                        style="width: 49%;display: inline-block;">Signature
                                                                        <input type="file" class="form-control"
                                                                            placeholder="Signature" name="signature">

                                                                            @if ($getmember->signature)
                                                                                <img src="{{ asset($getmember->signature) }}" alt="Member Signature" style="height: 50px; width: auto;">
                                                                            @endif

                                                                    </label>

                                                                </div>






                                                                <div class="mb-3">


                                                                    <label style="width: 49%;display: inline-block;">Date
                                                                        of transfer out
                                                                        <input type="date" class="form-control"
                                                                            placeholder="Date of transfer out"
                                                                            name="date_of_transfer_out"
                                                                            value="{{ \Carbon\Carbon::parse($member->date_of_transfer_out)->toDateString() }}">
                                                                    </label>
                                                                    <label style="width: 24%;display: inline-block;">Password (update password)
                                                                        <input type="password" class="form-control"
                                                                            placeholder="Password" name="memberpassword"
                                                                            >
                                                                    </label>


                                                                    <label style="width: 24%;display: inline-block;">Pin (update pin)
                                                                        <input type="password" class="form-control"
                                                                            placeholder="Pin" name="memberpin">
                                                                    </label>

                                                                </div>



                                                                <!---endd------->




                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-secondary"
                                                                    data-bs-dismiss="modal">Cancel</button>
                                                                <button type="submit"
                                                                    class="btn btn-primary">Update</button>
                                                            </div>


                                                        </form>





                                                    </div>
                                                </div>
                                            </div>






                                            <!---Delete Model--->
                                            <div class="modal fade" id="exampleModaltrash{{ $member->id }}"
                                                tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">


                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h5 class="modal-title" id="exampleModalLabel">Are you sure to
                                                                delete this member?</h5>
                                                            <button type="button" class="close" data-bs-dismiss="modal"
                                                                aria-label="Close">&times;</button>
                                                        </div>


                                                        <form role="form" method="POST"
                                                            action="{{ route('deletemember') }}"
                                                            enctype="multipart/form-data">
                                                            @csrf


                                                            <input type="hidden" class="form-control" name="userid"
                                                                value="{{ $member->id }}">
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-secondary"
                                                                    data-bs-dismiss="modal">No</button>
                                                                <button type="submit"
                                                                    class="btn btn-primary">Yes</button>
                                                            </div>
                                                        </form>

                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach



                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection