@include('layouts.header')
<!-- msg popups -->
@if ($errors->any())
    <div style="display: block;" class="modal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header alert alert-danger">

                    <button type="button" class="close errorModal-btn" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-danger">

                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif

@if (Session::has('msg'))
    <div style="display: block;" class="modal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header alert alert-success">
                    <h5 class="modal-title">Registration was successful!</h5>
                    <button type="button" class="close errorModal-btn" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-success">
                        <p>{{ Session::get('msg') }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif

@if (Session::has('errMsg'))
    <div style="display: block;" class="modal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header alert alert-danger">
                    <h5 class="modal-title">{{ Session::get('errMsg')[0] }}</h5>
                    <button type="button" class="close errorModal-btn" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-danger">
                        <p>{{ Session::get('errMsg')[1] }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif
<!-- ------------- -->
<section class="header2">
    <div class="link">
        <a style="color: #000;" href="{{ url('/fp-admin/admin-panel') }}">Back</a>
    </div>
    <div>

    </div>
    <div class="logo">
        <img src="../assets/images/fptlogo1.png" alt="">
    </div>
</section>
<section class="forms_section table-layout-container">
    <h2 class="mb-5">NEW ACCOUNT</h2>
    <div class="row">
        {{-- <div class="col-md-1"></div> --}}
        <div class="col-md-11">
            <form action="{{ url('/fp-admin/new-account') }}" method="post">
                @csrf
            <div class="row">
                    <div class="col-md-8 new_account">

                        <div class="row" style="margin: 5px;">
                            <div class="col-md-2 labelad">Name</div>
                            <div class="col-md-10 detailsfeild2"><input name="name" value="{{ old('name') }}" type="text" required></div>
                        </div>
                        <div class="row" style="margin: 5px;">
                            <div class="col-md-2 labelad">Email Address</div>
                            <div class="col-md-10 detailsfeild2"><input name="email" value="{{ old('email') }}" type="text" required></div>
                        </div>
                        <div class="row" style="margin: 5px;">
                            <div class="col-md-2 labelad">Employee ID</div>
                            <div class="col-md-10 detailsfeild2"><input name="nic" value="{{ old('nic') }}" type="text" required></div>
                        </div>
                        <div class="row" style="margin: 5px;">
                            <div class="col-md-2 labelad">Contact No</div>
                            <div class="col-md-10 detailsfeild2"><input name="contactnumber" value="{{ old('contactnumber') }}" type="text" required></div>
                        </div>
                        <div class="row" style="margin: 5px;">
                            <div class="col-md-2 labelad">Department</div>
                            <div class="col-md-10 detailsfeild2 select-custom"><select name="company" id="department"
                                    class="form_content">
                                    <option value=""></option>
                                    <option value="1">Operations</option>
                                    <option value="2">Billings</option>
                                    <option value="3">Planning</option>
                                </select></div>
                        </div>
                        <div class="row" style="margin: 5px;">
                            <div class="col-md-2 labelad">Port</div>
                            <div class="col-md-10 detailsfeild2 select-custom"><select name="port" id="port" class="form_content" required>
                                    <option value=""></option>
                                    <option value="Suva Port">Suva Port</option>
                                    <option value="Lautoka Port">Lautoka Port</option>
                                </select></div>
                        </div>
                        {{-- <div class="row" style="margin: 5px;">
                            <div class="col-md-2 labelad">Company</div>
                            <div class="col-md-10 detailsfeild2"><input type="text" name="company" value="{{ old('company') }}"></div>
                        </div> --}}
                        {{-- <div class="row" style="margin: 5px;">
                            <div class="col-md-2 labelad">City</div>
                            <div class="col-md-10 detailsfeild2"><select name="city" id="city" class="form_content">
                                    <option value=""></option>
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                </select></div>
                        </div> --}}



                    </div>
                    <div class="col-md-4">
                        <div id="card">
                            <div id="card-content2">
                                <div id="card-title">
                                    <p>CREATE PASSWORD</p>

                                </div>
                                <div class="form">

                                    <div class="form_contral">
                                        <input id="present-password" class="form-content" type="password"
                                            name="password" autocomplete="on" placeholder="Enter Password" required />
                                    </div>

                                    <div class="form_contral">
                                        <input id="user-password" class="form-content" type="password" name="password_confirmation"
                                            placeholder="Confirm New Password" required />
                                    </div>
                                    {{-- <div class="form_contral">
                                        <select name="forget_password_quiz" id="quiz" class="form_content">
                                            <option value="">Forget Password- Select Question</option>
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                        </select>
                                    </div> --}}
                                    {{-- <div class="form_contral">
                                        <input id="answer" class="form-content" type="text" name="forget_password_answer"
                                            autocomplete="on" placeholder="Answer" required />
                                    </div> --}}
                                </div>
                            </div>
                        </div>
                        <div class="editbtnaccount2">
                            <input type="submit" id="editaccount2" value="CREATE"/>
                        </div>

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

        </div>
        <div class="col-md-1"></div>
    </div>
</section>
@include('layouts.footer')