@extends('panel.components.sidbar')

@section('content')
<div class="uk-grid" data-uk-grid-margin>
    <div class="uk-width-medium-1-3">
        <button class="md-btn" data-uk-modal="{target:'#modal_default'}">Create New Admin</button>
        @if(session('message'))
        <p style="color: green">{{ session('message') }}</p>
        @endif
        @if ($errors->any())
        @foreach ($errors->all() as $error)
        <div style="color: red">{{$error}}</div>
        @endforeach
        @endif
        <div class="uk-modal" id="modal_default">
            <div class="uk-modal-dialog">
                <button type="button" class="uk-modal-close uk-close"></button>

                <form action="{{ route('admins.store') }}" method="POST" id="create">
                    @csrf
                    <div class="uk-grid" data-uk-grid-margin>
                        <div class="uk-width-medium-1">
                            <div class="uk-form-row">
                                <div class="uk-grid" data-uk-grid-margin>
                                    <div class="uk-width-medium-1-2">
                                        <label>First Name</label>
                                        <input type="text" name="first_name" class="md-input" required
                                            value="{{ old('first_name') }}" />
                                    </div>
                                    <div class="uk-width-medium-1-2">
                                        <label>Last Name</label>
                                        <input type="text" name="last_name" class="md-input" required
                                            value="{{ old('last_name') }}" />
                                    </div>

                                </div>
                            </div>
                            <div class="uk-form-row">
                                <label>Email</label>
                                <input type="email" name="email" class="md-input" required value="{{ old('email') }}" />
                            </div>
                            <div class="uk-form-row">
                                <label>Passsword</label>
                                <input type="password" name="password" class="md-input" value="" required />
                            </div>
                            <div class="uk-form-row">
                                <label>Passsword Confirmation</label>
                                <input type="password" name="password_confirmation" value="" class="md-input"
                                    required />
                            </div>
                            <div class="uk-form-row">

                                <span class="uk-input-group-addon"><a class="md-btn" href="#" id="save"
                                        onclick="document.getElementById('create').submit();">Save</a></span>
                            </div>


                        </div>

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

</div>

{{-- ///////////////////////////////////// end of create --}}
<div class="md-card uk-margin-medium-bottom">
    <div class="md-card-content">
        <div class="uk-overflow-container">
            <table class="uk-table uk-table-nowrap table_check">
                <thead>
                    <tr>
                        <th class="uk-width-2-10">User Name</th>
                        <th class="uk-width-2-10 uk-text-center">Email</th>
                        <th class="uk-width-1-10 uk-text-center">Registeration Date</th>
                        <th class="uk-width-2-10 uk-text-center">Actions</th>
                    </tr>
                </thead>
                <tbody>

                    @foreach ($admins as $index => $admin)

                    <tr>


                        <td>{{ ucwords($admin->first_name .' '.$admin->last_name) }}</td>
                        <td class="uk-text-center">{{ $admin->email }}</td>
                        <td class="uk-text-center">{{ $admin->created_at->toDateString() }}</td>

                        <td class="uk-text-center">
                            {{-- <a href="#"><i class="md-icon material-icons">add</i></a> --}}
                            {{-- <a href="#"><i class="md-icon material-icons">autorenew</i></a> --}}
                            <a href="#" data-uk-modal="{target:'#change_password_{{ $index }}'}"><i
                                    class="md-icon material-icons">edit</i></a>
                            <a href="#"><i class="md-icon material-icons">delete</i></a>
                            <div class="uk-modal" id="change_password_{{$index}}">
                                <div class="uk-modal-dialog">
                                    <button type="button" class="uk-modal-close uk-close"></button>

                                    <form action="{{ route('admins.update',$admin) }}" method="POST"
                                        id="update_{{ $index }}">
                                        @csrf
                                        @method('PUT')

                                        <div class="uk-grid" data-uk-grid-margin>
                                            <div class="uk-width-medium-1">
                                                <div class="uk-form-row">
                                                    <div class="uk-grid" data-uk-grid-margin>
                                                        <div class="uk-width-medium-1-2">
                                                            <label>First Name</label>
                                                            <input type="text" name="first_name" class="md-input"
                                                                required
                                                                value="{{ old('first_name',$admin->first_name) }}" />
                                                        </div>
                                                        <div class="uk-width-medium-1-2">
                                                            <label>Last Name</label>
                                                            <input type="text" name="last_name" class="md-input"
                                                                required
                                                                value="{{ old('last_name',$admin->last_name) }}" />
                                                        </div>

                                                    </div>
                                                </div>
                                                <div class="uk-form-row">
                                                    <label>Email</label>
                                                    <input type="text" name="email" class="md-input"
                                                        value="{{ old('email',$admin->email) }}" />
                                                </div>
                                                <div class="uk-form-row">
                                                    <label>New Passsword</label>
                                                    <input type="password" name="password" class="md-input" />
                                                </div>
                                                <div class="uk-form-row">
                                                    <label>New Passsword Confirmation</label>
                                                    <input type="password" name="password_confirmation"
                                                        class="md-input" />
                                                </div>

                                                <div class="uk-form-row">

                                                    <span class="uk-input-group-addon"><a class="md-btn" href="#"
                                                            onclick="document.getElementById('update_{{$index}}').submit();">update</a></span>
                                                </div>

                                            </div>

                                        </div>
                                    </form>
                                </div>
                            </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>


        {{-- <ul class="uk-pagination uk-margin-medium-top">
            <li class="uk-disabled"><span><i class="uk-icon-angle-double-left"></i></span></li>
            <li class="uk-active"><span>1</span></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><span>&hellip;</span></li>
            <li><a href="#">10</a></li>
            <li><a href="#"><i class="uk-icon-angle-double-right"></i></a></li>
        </ul> --}}
    </div>
</div>
@endsection