@extends('elibrary.staff.layouts.app')
@section('content')
    <div class="col-md-12">
{{--        <div class="heading d-flex justify-content-between">--}}
{{--            <h2>Add Staff</h2>--}}
{{--            <div class="head-detail">--}}
{{--                <a href="{{route('staff.create')}}">Add Staff</a>--}}
{{--            </div>--}}
{{--        </div>--}}
    </div>
    <div class="col-md-10 offset-md-1">
        <div class="form-part">
            <form action="{{isset($staff)?route('staff.update', $staff):route('staff.store')}}" method="POST" enctype="multipart/form-data">
                @csrf
                @if(isset($staff))
                    @method('PATCH')
                @endif
                <div class="row col-md-12 mb-5">
                    <div class="col-md-4">
                        <label>Image<span class="required">*</span></label>
                    </div>
                    <div class="col-md-7 card p-3">
                        <img class="{{isset($staff)?'d-block':'d-none'}} m-auto" id="image" src="{{isset($staff) ? $staff->image : asset('images/nophoto.png')}}" onerror="this.src='{{asset('images/nophoto.png')}}'" width="150px" height="150px"/>
                        <input class="form-control mt-2" type="file" id="mediaFile" name="image"/>
                        @if($errors->first('image'))
                            <div class="text text-danger">
                                * {{$errors->first('image')}}
                            </div>
                        @endif
                    </div>
                </div>
                <div class="form-group">
                    <label for="name">Name <span>*</span></label>
                    <input type="text" class="form-control" id="name" name="name" value="{{old('name')?old('name'):(isset($staff)?$staff->name:'')}}" placeholder="Name">
                    @if($errors->first('name'))
                        <div class="text text-danger">
                            {{$errors->first('name')}}
                        </div>
                    @endif
                </div>
                <div class="form-group">
                    <label for="address">Address<span>*</span></label>
                    <input type="text" class="form-control" id="address" name="address" value="{{old('address')?old('address'):(isset($staff)?$staff->address:'')}}" placeholder="Address">
                    @if($errors->first('address'))
                        <div class="text text-danger">
                            {{$errors->first('address')}}
                        </div>
                    @endif
                </div>
                <div class="form-group">
                    <label for="email">Email<span>*</span> </label>
                    <input type="email" class="form-control" id="email" name="email" value="{{old('email')?old('email'):(isset($staff)?$staff->email:'')}}" placeholder="Email">
                    @if($errors->first('email'))
                        <div class="text text-danger">
                            {{$errors->first('email')}}
                        </div>
                    @endif
                </div>
                <div class="form-group">
                    <label for="password">Password<span>*</span> </label>
                    <input type="password" class="form-control" id="password" name="password" value="" placeholder="Password">
                    @if($errors->first('password'))
                        <div class="text text-danger">
                            {{$errors->first('password')}}
                        </div>
                    @endif
                </div>
                <div class="form-group">
                    <label for="phone">Phone<span>*</span> </label>
                    <input type="number" class="form-control" id="phone" name="phone" value="{{old('phone')?old('phone'):(isset($staff)?$staff->phone:'')}}" placeholder="Phone">
                    @if($errors->first('phone'))
                        <div class="text text-danger">
                            {{$errors->first('phone')}}
                        </div>
                    @endif
                </div>
                <div class="form-group">
                    <label for="faculty">Faculty<span>*</span> </label>
                    <input type="text" class="form-control" id="faculty" name="faculty" value="{{old('faculty')?old('faculty'):(isset($staff)?$staff->faculty:'')}}" placeholder="Faculty">
                    @if($errors->first('faculty'))
                        <div class="text text-danger">
                            {{$errors->first('faculty')}}
                        </div>
                    @endif
                </div>
                <div class="form-group">
                    <label for="designation">Designation<span>*</span> </label>
                    <input type="text" class="form-control" id="designation" name="designation" value="{{old('designation')?old('designation'):(isset($staff)?$staff->designation:'')}}" placeholder="Designation">
                    @if($errors->first('designation'))
                        <div class="text text-danger">
                            {{$errors->first('designation')}}
                        </div>
                    @endif
                </div>
                <div class="form-group">
                    <label for="type">Type<span>*</span> </label>
                    <select class="form-control" aria-label="Default select example" name="type">
                        <option selected value="">Select Type</option>
                        <option value="Administrator" {{isset($staff) && $staff->type=="Administrator" ? 'selected' : ''}}>Administrator</option>
                        <option value="Teacher" {{isset($staff) && $staff->type=="Teacher" ? 'selected' : ''}}>Teacher</option>
                        <option value="Librarian" {{isset($staff) && $staff->type=="Librarian" ? 'selected' : ''}}>Librarian</option>
                        <option value="Accountant" {{isset($staff) && $staff->type=="Accountant" ? 'selected' : ''}}>Accountant</option>
                        <option value="Employee" {{isset($staff) && $staff->type=="Employee" ? 'selected' : ''}}>Employee</option>
                    </select>
                    @if($errors->first('type'))
                        <div class="text text-danger">
                            {{$errors->first('type')}}
                        </div>
                    @endif
                </div>
                <div class="form-group">
                    <div class="form-check form-switch">
                        <input type="hidden" name="status" value="0">
                        <input class="form-check-input" type="checkbox" name="status" id="flexSwitchCheckChecked" value="1"
                                {{ (isset($staff) && $staff->status == 1) || old('status') ? 'checked' : ''}}>
                        <label class="form-check-label" for="flexSwitchCheckChecked">Status</label>
                    </div>
                </div>
                <button type="submit" class="btn btn-primary">{{isset($staff) ? 'Update' : 'Save'}}</button>
            </form>
        </div>
    </div>
@endsection
@section('js')
    <script>
        $('#mediaFile').on('change',function(){
            $('#image').removeClass('d-none').addClass('d-block');
            $('#image').attr('src',window.URL.createObjectURL(this.files[0]));
        });
    </script>
@endsection