@extends('layouts.app')
@section('title')临时工详情@endsection

@section('content')
    <div id="nav2">
        @component('maintenance.menu')@endcomponent
    </div>
    <div class="container-fluid" id="show">
        <div class="card ">
            <div class="card-body">
                <table class="table table-striped">
                    <tr>
                        <td>ID</td>
                        <td>@{{ userLabor.user_id }}</td>
                    </tr>
                    <tr>
                        <td>姓名</td>
                        <td><b v-if="userLabor.user_detail">@{{ userLabor.user_detail.full_name }}</b></td>
                    </tr>
                    <tr>
                        <td>电话</td>
                        <td><b v-if="userLabor.user_detail">@{{ userLabor.user_detail.mobile_phone }}</b></td>
                    </tr>
                    <tr>
                        <td>性别</td>
                        <td><b v-if="userLabor.user_detail">@{{ userLabor.user_detail.gender }}</b></td>
                    </tr>
                    <tr>
                        <td>身份证号</td>
                        <td><b class="text-muted" v-if="userLabor.user_detail">@{{ userLabor.user_detail.identity_number }}</b></td>
                    </tr>
                    <tr>
                        <td>劳务所</td>
                        <td><b v-if="userLabor.labor_company">@{{ userLabor.labor_company.name }}</b></td>
                    </tr>
                    <tr>
                        <td>工资/工时</td>
                        <td>@{{ userLabor.default_hour_price }}</td>
                    </tr>
                    <tr>
                        <td>创建时间</td>
                        <td><b v-if="userLabor.user_detail">@{{ userLabor.user_detail.created_at }}</b></td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
@endsection

@section('lastScript')
<script>
    new Vue({
        el:"#show",
        data:{
            userLabor:{!! $userLabor !!},
        },
    });
</script>
@endsection