@extends('admin.layouts.master')

@section('page_title')
    Profile
@endsection

@push('styles')
    <!--suppress HtmlFormInputWithoutLabel -->
    <link rel="stylesheet" href="{{asset('assets/examples/css/pages/profile.min3f0d.css?v2.2.0')}}">
@endpush

@section('page_content')

    <div class="page-content container-fluid">
        <div class="row">

            <div class="col-md-12">
                <div class="panel">
                    <div class="panel-body nav-tabs-animate nav-tabs-horizontal">

                        <div class="col-md-12 text-center">
                            <a id="terms" class="btn btn-sm" style="background-color: #CC0000; color: white"><i class="fa"></i> TERMS & CONDITIONS</a>
                        </div><br><br>

                        <form method="post" enctype="multipart/form-data">
                            @if(count($errors)>0)
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach($errors->all() as $error)
                                            <li>
                                                {{$error}}
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif

                                @if(session('success'))
                                    <div class="alert alert-success">
                                        <ul>
                                            <li>{{ session('success') }}</li>
                                        </ul>
                                    </div>
                                @endif

                            @csrf
                            <div class="form-row">

                                <div class="form-group col-md-6">
                                    <label for="inputEmail4">First Name <em class="text-danger">*</em></label>
                                    <input type="text" class="form-control"  value="{{old('first_name')}}" name="first_name" placeholder="">
                                </div>

                                <div class="form-group col-md-6">
                                    <label for="inputEmail4">Last Name <em class="text-danger">*</em></label>
                                    <input type="text" class="form-control"  value="{{old('last_name')}}" name="last_name" placeholder="">
                                </div>


                                <div class="form-group col-md-6">
                                    <label for="inputEmail4">Organisation</label>
                                    <input type="text" class="form-control"  value="{{old('organisation')}}" name="organisation"  placeholder="Organisation">
                                </div>

                                <div class="form-group col-md-6">
                                    <label for="inputAddress">Email <em class="text-danger">*</em></label>
                                    <input type="email" class="form-control"  value="{{old('email')}}" name="email" placeholder="Email">
                                </div>
                            </div>

                            <div class="form-row">
                                <div class="form-group col-md-6">
                                    <label for="inputAddress2">Phone Number <em class="text-danger">*</em></label>
                                    <input type="text" class="form-control" name="phone_number" value="{{old('phone_number')}}" placeholder="Phone Number">
                                </div>

                                <div class="form-group col-md-6">
                                    <label for="inputAddress2">Location  </label>
                                    <input type="text" class="form-control" value="{{old('location')}}" name="location" placeholder="Location">
                                </div>

                                <div class="form-group col-md-6">
                                    <label for="inputCity">Username</label>
                                    <input type="text" class="form-control" value="{{old('username')}}" name="username" maxlength="15" placeholder="system generated" readonly>
                                </div>

                                <div class="form-group col-md-6">
                                    <label for="inputState">Password</label>
                                    <input type="text" class="form-control" value="system generated" placeholder="Password" readonly>
                                </div>

                                <div class="form-group col-md-6">
                                <label for="inputState">Access Level <em class="text-danger">*</em></label>
                                <select class="form-control" required name="right">
                                    <option></option>
                                    <option value="1"> Super Admin </option>
                                    <option value="2"> Approver  </option>
                                    <option value="3"> Reviewer  </option>
                                </select>
                            </div>
                            </div>
                            <div class="form-row text-center">
                                <div class="col-md-12">
                                    <button type="submit" class="btn btn-primary"><i class="fa fa-plus-circle"></i> Register</button>
                                </div>
                            </div>

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

    @include('layouts.conditions')

@endsection

@push('scripts')

    <script src="{{ elixir('js/all.js') }}"></script>
    {{--<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>--}}
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>

    <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.js"></script>
    <script type="text/javascript" src="{{asset('JS_OTP/dist/jsOTP.min.js')}}"></script>

    <script>

        $('#terms').on('click',function () {

            $('#conditions2').modal('toggle');
        });

    </script>

@endpush