@component('mail::message')
    <div class="m-portlet__body">

        <div class="form-group m-form__group row">
            <div class="col-lg-6">
                <label>
                    Contract Period :
                </label>
                <select class="form-control" id="contract_period" disabled name="contract_period">
                    <option value="">{{$offer->contract_period}}</option>
                </select>
            </div>
            <div class="col-lg-6">
                <label>
                    Contract Type :
                </label>
                <input type="text" name="contract_type" id="contract_type"
                       class="form-control m-input" value="{{$offer->contract_type}}" disabled>
            </div>
        </div>
        <div class="form-group m-form__group row">
            <div class="col-lg-6">
                <label>
                    Job Description :
                </label>
                <select class="form-control" id="position_cat_id" name="position_cat_id" disabled>
                        <option selected>{{\App\JobPosition::find($offer->position_cat_id)->en_name}}</option>
                </select>

            </div>
            <div class="col-lg-6">
                <label>
                    Probation Period :
                </label>
                <input type="text" name="probation_period" id="probation_period"
                       class="form-control m-input" value="{{$offer->probation_period}}" disabled><label>
                    / Months
                </label>

            </div>
        </div>
        <div class="form-group m-form__group row">

            <div class="col-lg-4">
                <label>
                    Basic Salary :
                </label>
                <input name="salary" type="number" id="salary" class="salary form-control m-input"
                       placeholder="Enter Basic Salary " value="{{$offer->salary}}" disabled>
            </div>

            <div class="col-lg-4">
                <label>
                    Housing Allowence :
                </label>
                <input name="housing_amount" type="number" id="housing_amount"
                       placeholder="Enter Housing Allowence  " class="salary form-control m-input" value="{{$offer->housing_amount}}" disabled>
            </div>

            <div class="col-lg-4">
                <label>
                    Transportation Allowence :
                </label>
                <input name="trans_amount" type="number" id="trans_amount"
                       placeholder="Enter Transportation Allowence  " class="salary form-control" value="{{$offer->trans_amount}}" disabled>
            </div>
        </div>

        <div class="form-group m-form__group row">
            <div class="col-lg-4">
                <label>
                    Food Allowence :
                </label>
                <input required spellcheck="true" name="food_amount" type="text" id="food_amount"
                       class="salary form-control m-input" placeholder="Enter Food Allowence" value="{{$offer->food_amount}}" disabled>
            </div>

            <div class="col-lg-4">
                <label>
                    Mobile Allowence :
                </label>
                <input name="mobile_amount" type="number" id="mobile_amount"
                       class="salary form-control m-input" placeholder="Enter Mobile Allowence " value="{{$offer->mobile_amount}}" disabled>
            </div>
            <div class="col-lg-4">
                <label>
                    Car Allowence :
                </label>
                <input name="car_amount" type="number" id="car_amount"
                       class="salary form-control m-input" placeholder="Enter Car Allowence " value="{{$offer->car_amount}}" disabled>
            </div>
        </div>

        <div class="form-group m-form__group row">
            <div class="col-lg-6">
                <label>
                    Total Backage :
                </label>
                <input name="total" type="number" id="total" class="form-control m-input" value="{{$offer->total}}" disabled>
            </div>
            <div class="col-lg-6">
                <label>
                    Probation Salary :
                </label>
                <input required spellcheck="true" name="probation_salary" type="text"
                       id="probation_salary" class="form-control m-input"
                       placeholder="Enter Probation Salary " value="{{$offer->probation_salary}}" disabled>
            </div>
        </div>


        <div class="form-group m-form__group row">
            <div class="col-lg-6">
                <label>
                    Duty Time :
                </label>
                <input type="text" name="duty_time" id="duty_time" class="form-control m-input"
                       placeholder="Enter Duty Time" value="{{$offer->duty_time}}" disabled>
            </div>
            <div class="col-lg-6">
                <label>
                    Paid Vacation :
                </label>
                <select class="form-control" id="paid_vaction" disabled name="paid_vaction">
                    <option value="" selected>{{$offer->paid_vaction}}</option>
                </select>
            </div>
        </div>
    <br>

    @component('mail::button', ['url' => '', 'color' => 'success'])
            Accept
{{--        #TODO: set the url To Action That send Notification To the Admin --}}
    @endcomponent
    @component('mail::button', ['url' => '', 'color' => 'error'])
            Reject
{{--        #TODO: set the url To Action That send Notification To the Admin, And Close The Offer --}}
    @endcomponent
Thanks,<br>
Cyper-space.com
@endcomponent