@extends('admin.layouts.master')
@section('content')
    <section id="basic-horizontal-layouts">
        <div class="row match-height">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">{{trans('sidebar.add_user')}}
                            {{--                            ({{\App\Establishment::find(request()->get('establishment_id'))->name}})--}}
                        </h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body">
                            <form class="form form-horizontal"
                                  action="{{route('admin.users.store')}}"
                                  method="POST" enctype="multipart/form-data">
                                {{csrf_field()}}
                                <div class="form-body">
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="form-group row">
                                                <div class="col-md-4">
                                                    <span>Email</span>
                                                </div>
                                                <div class="col-md-8">
                                                    <input type="email" class="form-control" name="email"
                                                           value="{{old('email')}}">
                                                    @error('email')
                                                    <div class="alert alert-danger">{{$message}}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <div class="col-md-4">
                                                    <span>Name</span>
                                                </div>
                                                <div class="col-md-8">
                                                    <input required type="text" class="form-control" name="name"
                                                           value="{{old('name')}}">
                                                    @error('name')
                                                    <div class="alert alert-danger">{{$message}}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <div class="col-md-4">
                                                    <span>Username</span>
                                                </div>
                                                <div class="col-md-8">
                                                    <input required type="text" class="form-control" name="username"
                                                           value="{{old('username')}}">
                                                    @error('username')
                                                    <div class="alert alert-danger">{{$message}}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <div class="col-md-4">
                                                    <span>Phone</span>
                                                </div>
                                                <div class="col-md-8">
                                                    <input type="text" class="form-control" name="phone"
                                                           value="{{old('phone')}}">
                                                    @error('phone')
                                                    <div class="alert alert-danger">{{$message}}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <div class="col-md-4">
                                                    <span>Password</span>
                                                </div>
                                                <div class="col-md-8">
                                                    <input required type="password" class="form-control"
                                                           name="password">
                                                    @error('password')
                                                    <div class="alert alert-danger">{{$message}}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <div class="col-md-4">
                                                    <span>Password Confirmation</span>
                                                </div>
                                                <div class="col-md-8">
                                                    <input required type="password" class="form-control"
                                                           name="password_confirmation">
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <div class="col-md-4">
                                                    <span>Image</span>
                                                </div>
                                                <div class="col-md-8">
                                                    <input type="file" class="form-control" name="image">
                                                    @error('image')
                                                    <div class="alert alert-danger">{{$message}}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                            @if(request()->get('branch_id'))
                                                <input type="hidden" value="{{request()->get('branch_id')}}">
                                            @elseif(request()->get('establishment_id'))
                                                <div class="form-group row">
                                                    <div class="col-md-4">
                                                        <span>Branch</span>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <select class="form-control select2" name="branch_id"
                                                                id="branch">
                                                            <option value="">Select One</option>
                                                            @foreach(\App\Branch::query()->where('establishment_id', request()->get('establishment_id'))->get() as $branch)
                                                                <option
                                                                    value="{{$branch->id}}" {{old('branch_id') == $branch->id ? 'selected':''}}>{{$branch->name}}</option>
                                                            @endforeach
                                                        </select>
                                                        @error('branch_id')
                                                        <div class="alert alert-danger">{{$message}}</div>
                                                        @enderror
                                                    </div>
                                                </div>
                                            @else
                                                @if(auth()->user()->hasRole('super_admin'))
                                                    <div class="form-group row">
                                                        <div class="col-md-4">
                                                            <span>Organization</span>
                                                        </div>
                                                        <div class="col-md-8">
                                                            <select class="form-control select2" name="establishment_id"
                                                                    id="organization">
                                                                <option value="">Select One</option>
                                                                @foreach(\App\Establishment::all() as $establishment)
                                                                    <option
                                                                        value="{{$establishment->id}}" {{old('establishment_id') == $establishment->id?'selected':''}}>{{$establishment->name}}</option>
                                                                @endforeach
                                                            </select>
                                                            @error('establishment_id')
                                                            <div class="alert alert-danger">{{$message}}</div>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="form-group row">
                                                        <div class="col-md-4">
                                                            <span>Branch</span>
                                                        </div>
                                                        <div class="col-md-8">
                                                            <select class="form-control select2" name="branch_id"
                                                                    id="branch">
                                                                <option value="">Select One</option>
                                                                @if(old('branch_id'))
                                                                    <option
                                                                        value="{{old('branch_id')}}">{{\App\Branch::query()->where('id', old('branch_id'))->first()->name}}</option>
                                                                @endif
                                                            </select>
                                                            @error('branch_id')
                                                            <div class="alert alert-danger">{{$message}}</div>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                @elseif(auth()->user()->hasRole('admin'))
                                                    <div class="form-group row">
                                                        <div class="col-md-4">
                                                            <span>Branch</span>
                                                        </div>
                                                        <div class="col-md-8">
                                                            <select class="form-control select2" name="branch_id"
                                                                    id="branch">
                                                                <option value="">Select One</option>
                                                                @foreach(\App\Branch::query()->where('establishment_id', auth()->user()->branch->establishment_id)->get() as $branch)
                                                                    <option
                                                                        value="{{$branch->id}}" {{old('branch_id') == $branch->id ? 'selected':''}}>{{$branch->name}}</option>
                                                                @endforeach
                                                            </select>
                                                            @error('branch_id')
                                                            <div class="alert alert-danger">{{$message}}</div>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                @elseif(auth()->user()->hasRole('branch_manager'))
                                                    <input type="hidden" name="branch_id"
                                                           value="{{auth()->user()->branch_id}}">
                                                @endif
                                            @endif
                                            <div class="form-group row">
                                                <div class="col-md-4">
                                                    <span>Theme</span>
                                                </div>
                                                <div class="col-md-8">
                                                    <select name="theme" class="form-control">
                                                        <option
                                                            value="dark" {{old('theme') == 'dark' ? 'selected' : ''}}>
                                                            dark
                                                        </option>
                                                        <option
                                                            value="light" {{old('theme') == 'light' ? 'selected' : ''}}>
                                                            light
                                                        </option>
                                                    </select>
                                                    @error('theme')
                                                    <div class="alert alert-danger">{{$message}}</div>
                                                    @enderror
                                                </div>
                                            </div>
                                            @if(auth()->user()->hasRole('super_admin') || auth()->user()->hasRole('admin'))
                                                <div class="form-group row">
                                                    <div class="col-md-4">
                                                        <span>Role</span>
                                                    </div>
                                                    <div class="col-md-8">
                                                        <select name="role_id" class="form-control">
                                                            @if(auth()->user()->hasRole('super_admin'))
                                                                @foreach(\Spatie\Permission\Models\Role::query()->where('name', '!=', 'super_admin')->get() as $role)
                                                                    <option
                                                                        value="{{$role->id}}" {{old('role_id') == $role->id ? 'selected':''}}>{{$role->name}}</option>
                                                                @endforeach
                                                            @elseif(auth()->user()->hasRole('admin'))
                                                                @foreach(\Spatie\Permission\Models\Role::query()->whereNotIn('name', ['super_admin', 'admin'])->get() as $role)
                                                                    <option
                                                                        value="{{$role->id}}" {{old('role_id') == $role->id ? 'selected':''}}>{{$role->name}}</option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                        @error('role_id')
                                                        <div class="alert alert-danger">{{$message}}</div>
                                                        @enderror
                                                    </div>
                                                </div>
                                            @else
                                                <input type="hidden" name="role_id" value="3">
                                            @endif
                                        </div>
                                        <div class="col-md-8 offset-md-4">
                                            <button type="submit" class="btn btn-primary mr-1 mb-1">Save</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@push('scripts')
    <script>
        $(document).ready(function () {
            $('body').on('change', '#organization', function (e) {
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    url: '{{route('get-branches')}}',
                    method: 'post',
                    data: {
                        establishment_id: $('#organization').val(),
                    },
                    success: function (data) {
                        if (data.status) {
                            $('#branch').empty().append(new Option('Select One', ''));
                            data.cities.forEach(function (branch) {
                                $('#branch').append(new Option(branch.name, branch.id, false, false));
                            })
                        }
                    },
                    error: function (reject) {
                    }
                });
            });
        })
    </script>
@endpush