@extends('./layouts.managermaster')
@section('title', 'Create staff')
@section('content')
<div class="container-xxl">
    <div class="card">
        <div class="card-header">
            <h3 class="font-weight-bold text-center">ADD STAFF NAME</h3>
            <section class="content">
                @if(session('success'))
                <div class="alert alert-success">
                    {{session('success')}}
                </div>
                @endif

                @if(session('error'))
                <div class="alert alert-danger">
                    {{session('error')}}
                </div>
                @endif
            </section>
            <div class="back-button text-end">
                <input type="button" class="btn btn-edit" id="attendee-back-btn" value="back" onclick="history.back()">
            </div>
        </div>
        <div class="card-body">
           <form action="{{route('addstaffmember')}}" method="post">
            @csrf
            <div class="row">
                <div class="col-md-4">
                    <div class="fields">
                        <div class="form-group">
                            <label for="staffname">Staff name</label>
                    <input type="text" name="staffname" id="staffname" class="form-control">
                        </div>
                    </div>
                </div>
                <div class="col-md-4"></div>
                <div class="col-md-4">
                    <div class="fields">
                        <div class="form-group">
                            <label for="staffname">Job title</label>
                    <input type="text" name="jobtitle" id="jobtitle" class="form-control">
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-4">
                    <div class="fields">
                        <div class="form-group">
                            <label for="staffname">Department</label>
                    <input type="text" name="department" id="department" class="form-control">
                        </div>
                    </div>
                </div>
                <div class="col-md-4"></div>
                <div class="col-md-4"></div>
            </div>
          
            <div class="submit">
        <input type="submit" name="attendeesubmit" id="attendeesubmit" value="Submit" class="btn btn-edit">
    </div>
           </form>
        </div>
    </div>
<h4 class="font-weight-bold">Recently added staff members</h4>
    <div class="card">
        <div class="card-header">
            <div class="text-end">
                <a href="{{route('showallstaffmembers')}}">
                <input type="button" class="btn btn-edit" id="staff-showall" value="Show all">
                </a>
            </div>
        </div>
        <div class="card-body">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>Staff name</th>
                        <th class="text-center">Job title</th>
                        <th class="text-center">Department</th>
                        <th class="text-center" colspan="2">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($staffmembers as $staffmember)
                    <tr>
                        <td>{{$staffmember->staffname}}</td>
                        <td class="text-center">{{$staffmember->jobtitle}}</td>
                        <td class="text-center">{{$staffmember->department}}</td>
                        <td class="text-center">
                            <a href="{{route('showeditstaffmember', $staffmember->id)}}">
                            <input type="button" id="staffmember-edit" value="edit" class="btn btn-edit">
                            </a>
                        </td>
                        <td class="text-center">
                            <form action="{{route('deletestaffmember', $staffmember->id)}}" method="post">
                                @csrf
                                @method('DELETE')
                                <input type="submit" id="staffmember-delete" value="delete" class="btn btn-edit">
                            </form>
                        </td>
                    </tr>
                    @endforeach
                    
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection