@extends('adminlte::page')

@section('title', 'IPRS | Contract Form')

@section('content_header')
    <h1>Contract Form</h1>
@stop

@section('content')
    <div class="card">
        <div class="card-body">
            <form method="POST" action="">
                @csrf
                <x-adminlte-select name="selClient" placeholder="Select a client">
                    <option value="" disabled selected>Select a Client</option>
                    <option>Client 1</option>
                    <option>Client 2</option>
                    <option>Client 3</option>
                </x-adminlte-select>

                <div class="contractDate">
                    <div class="form-group">
                        <small class="form-text text-muted">Please select the begin date of the contract.</small>
                        <input type="date" class="form-control" id="contractStart" name="contractStart" placeholder="Begin date of contract">
                    </div>
                    <div class="form-group">
                        <small class="form-text text-muted">Please select the end date of the contract.</small>
                        <input type="date" class="form-control" id="contractEnd" name="contractEnd" placeholder="End date of contract">
                    </div>
                </div>

                <div class="managerInfo">
                    <div class="form-group">
                        <input type="text" class="form-control" id="managerSurname" name="managerSurname" placeholder="Manager Surname">
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control" id="managerName" name="managerName" placeholder="Manager Name">
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control" id="managerOthername" name="managerOthername" placeholder="Manager Othername">
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control" id="managerPost" name="managerPost" placeholder="Manager Post">
                    </div>
                    <div class="form-group">
                        <input type="number" class="form-control" id="managerPhone" name="managerPhone" placeholder="Manager Phone Number">
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control" id="managerCell" name="managerCell" placeholder="Manager Cell Number">
                    </div>
                    <div class="form-group">
                        <input type="email" class="form-control" id="managerEmail" name="managerEmail" placeholder="Manager E-mail ">
                    </div>
                    <div class="form-group">
                        <input type="number" class="form-control" id="managerFax" name="managerFax" placeholder="Manager Fax ">
                    </div>
                </div>

                <div class="contractInfo">
                    <div class="form-group">
                        <small class="form-text text-muted">Please select the approval date of the contract.</small>
                        <input type="date" class="form-control" id="contractApproval" name="contractApproval" placeholder="Approval Date of Contract">
                    </div>
                    </div>
                    <x-adminlte-select name="selUse" placeholder="Is the contract in use?">
                        <option value="" disabled selected>Is the contract in use?</option>
                        <option>Yes</option>
                        <option>No</option>
                    </x-adminlte-select>
                    <div class="form-group">
                        <input type="text" class="form-control" id="paymentType" name="paymentType" placeholder="Payment Type">
                    </div>
                </div>

                <button type="submit" class="btn btn-primary">Submit</button>
            </form>
        </div>
    </div>
@stop

@section('css')
    {{-- Add here extra stylesheets --}}
    {{-- <link rel="stylesheet" href="/css/admin_custom.css"> --}}
@stop

@section('js')

@stop
