@extends('backend.layouts.app')

@section('content')
    <h2 class="title">
        @if (isset($is_confirm) && $is_confirm)
            作業(外注)【確認】
        @else
            作業(外注)【閲覧】
        @endif
    </h2>
    @include('backend.layouts.flash-message')
    <div class="clearfix"></div>

    @if (isset($is_confirm) && $is_confirm)
        @if(isset($out_content->id) && $out_content->id)
            {{ Form::open(["route"=>["backend.{$department}.work_reception.update_out_content", 'out_content'=>$out_content->id], "method"=>"put", "id"=>"submit_form"]) }}
        @else
            {{ Form::open(["route"=>"backend.{$department}.work_reception.store_out_content", "id"=>"submit_form"]) }}
        @endif
        <input type="hidden" name="suffix" value="{{ isset($suffix) ? $suffix : '' }}"/>
    @endif
    <div class="f-right {{ $out_content->reception_status == config('const.out_work_status_code.finish') ? 'st_blue' : 'bg-orange' }}">
        伝票入力：{{ config('const.out_work_status.'.(empty($out_content->reception_status) ? config('const.out_work_status_code.not') : $out_content->reception_status)) }}
    </div>
    <div class="clearfix"></div>
    <div class="search-area">
        <table class="normal half_table">
            <tr>
                <th>依頼日</th>
                <td>
                    {{ (isset($out_content->reception_date) && !empty($out_content->reception_date)) ? $out_content->reception_date : '' }}
                </td>
                <th>伝票番号</th>
                <td>
                    {{ $out_content->out_content_no }}
                </td>
                <th>依頼元</th>
                <td>
                    {{ \App\Models\Masters\VehicleBase::findById($out_content->request_dest, 'name') }}
                </td>
                <th>依頼先</th>
                <td>
                    {{ is_object($out_content->ob_requester) ? $out_content->ob_requester->getFullName() : '' }}
                </td>
                <th>入力者</th>
                <td>
                    <div style="padding-right: 10px !important;">
                        {{ \App\Service\UserService::getUserName((isset($out_content->input_user) && $out_content->input_user) ? $out_content->input_user : ($params->input_charge_user)) }}
                    </div>
                </td>
                <th>依頼者</th>
                <td>
                    <div style="padding-right: 10px !important;">
                        {{ \App\Service\UserService::getUserName(isset($out_content->reception_user) ? $out_content->reception_user : '') }}
                    </div>
                </td>
                <th>お客様名を依頼書に反映</th>
                <td>
                    <div class="checkbtn-wrap">
                        <input type="checkbox" name="display_client_name" disabled value="1" id="display_client_name" {{ !empty(isset($out_content->display_client_name) ? $out_content->display_client_name : '') ? 'checked' : '' }}>
                        <label for="display_client_name" class="check_label"></label>
                    </div>
                </td>
            </tr>
        </table>
    </div>
    @include('backend.share.work_reception.out_work._main_info', ['reception_no'=>(isset($out_content->work_reception->reception_no) ? $out_content->work_reception->reception_no : '')])
    <h3 class="subtitle">作業内容</h3>
    <table class="normal type3">
        <tr>
            <th class="w15per">種別</th>
            <th class="w25per">作業内容</th>
            <th class="w10per">数量</th>
            <th class="w10per">単価</th>
            <th class="w10per">金額</th>
            <th class="w10per">原単価</th>
            <th class="w10per">原価小計</th>
        </tr>
        <tbody id="work_contents">
        @if(isset($contents) && is_object($contents) && $contents->count() > 0)
            @foreach($contents as $key => $content)
                <tr class="work_content_row {{ ($content->work_kind == config('const.content_work_kind.out_parts') || $content->work_kind == config('const.content_work_kind.stock_parts')) ? 't_red' : ($content->work_kind == config('const.content_work_kind.out_work') ? 't_blue' : ($content->work_kind == config('const.content_work_kind.comment') ? 't_green' : '')) }}" data-id="{{ $key }}">
                    <td class="text-left">{{ \App\Models\Masters\WorkKind::findById($content->work_kind, 'name') }}</td>
                    <td class="text-left">{{ $content->work_sub_category }}</td>
                    <td class="num">{{ $content->quantity }}<input type="hidden" id="quantity{{ $key }}" value="{{ $content->quantity }}"></td>
                    <td class="num">{{ is_null($content->unit_price) ? '' : number_format($content->unit_price).'円' }}<input type="hidden" id="unit_price{{ $key }}" value="{{ $content->unit_price }}"></td>
                    <td class="num">{{ is_null($content->sub_total) ? '' : number_format($content->sub_total).'円' }}<input type="hidden" id="sub_total{{ $key }}" value="{{ $content->sub_total }}" class="sub_total_val"></td>
                    <td class="num bg_grey">{{ !is_null($content->original_unit_price) ? number_format($content->original_unit_price).'円' : '' }}<input type="hidden" id="original_unit_price{{ $key }}" value="{{ $content->original_unit_price }}"></td>
                    <td class="num bg_grey">{{ !is_null($content->total) ? number_format($content->total).'円' : '' }}<input type="hidden" id="total{{ $key }}" class="total_val" value="{{ $content->total }}"></td>
                </tr>
            @endforeach
        @endif
        <tr>
            <td colspan="3"></td>
            <td>請求合計</td>
            <td><p id="sub_total_fee" class="num"></p></td>
            <td>原価合計</td>
            <td><p id="total_fee" class="num"></p></td>
        </tr>
        </tbody>
    </table>
    <div class="center-submit">
        @if(isset($is_confirm) && $is_confirm)
            @if(isset($out_content->id) && $out_content->id)
                <input type="button" value="戻る" onclick='location.href="{{ route("backend.{$department}.work_reception.edit_out_content", ["is_confirm"=>1, "out_content"=>$out_content->id, "suffix" => (isset($suffix) ? $suffix : '')]) }}"'>
            @else
                <input type="button" value="戻る" onclick='location.href="{{ route("backend.{$department}.work_reception.create_out_content", ["is_confirm"=>1, "suffix" => (isset($suffix) ? $suffix : '')]) }}"'>
            @endif
            <input type="submit" value="{{ (isset($out_content->id) && $out_content->id) ? '更新' : '登録' }} ">
        @else
            <input type="button" value="一覧に戻る" onclick='location.href="{{ route("backend.{$department}.work_reception.out_work_list") }}"'>
            <input type="button" value="編集" onclick='location.href="{{ route("backend.{$department}.work_reception.edit_out_content", ['out_content'=>$out_content->id]) }}"'>
            <input type="button" class="green" value="依頼書印刷" onclick='window.open("{{ route("backend.{$department}.work_reception.confirm_out_work", ['out_content_id'=>$out_content->id]) }}")'>
            <input type="button" value="削除" class="red f-right" id="delete_reception_btn">
            {{ Form::open(["route"=>"backend.{$department}.work_reception.delete_out_work", "method"=>"delete", "id"=>"delete_reception_form"]) }}
            <input type="hidden" name="out_work_id" value="{{ $out_content->id }}">
            {{ Form::close() }}
        @endif
    </div>
    {{ Form::close() }}
@endsection

@section('page_css')
    <style>
        .input-half {
            text-align: right !important;
        }
        .ft16 {
            font-size: 16px !important;
        }
        .green {
            background: #00a6a3 !important;
            box-shadow: 0 3px 0 #036950 !important;
        }
        .hidden {
            display: none !important;
        }.green {
             background: #00a6a3 !important;
             box-shadow: 0 3px 0 #036950 !important;
         }
        .hidden {
            display: none !important;
        }
        .w15per {
            width: 15% !important;
        }
        td.bg_grey {
            background-color: #f0f0f0 !important;
        }
        tr.t_blue input,
        tr.t_blue select {
            color: blue !important;
        }
        tr.t_red input,
        tr.t_red select {
            color: red !important;
        }
        tr.t_green input,
        tr.t_green select {
            color: green !important;
        }
        #reception_status option:first-child{
            background-color: #fd7e00 !important;
        }
        #reception_status option:nth-child(2){
            background-color: rgba(0, 102, 102, 0.2) !important;
        }
        h3.subtitle {
            /*background-color: #99ff99 !important;*/
        }
        #r-content {
            padding-top: 5px !important;
        }
        h2.title {
            margin-bottom: 0 !important;
        }
        .secret_area table.normal {
            margin-bottom: 5px !important;
        }
        table.normal.half_table {
            margin-bottom: 5px !important;
        }
        div.secret_area {
            margin-bottom: 5px !important;
        }
        table.normal td,
        table.normal th {
            padding: 4px !important;
        }
    </style>
    <link href="{{ asset('assets/backend/css/page/work_reception.css') }}?{{ Carbon::now()->format('YmdHis') }}" rel="stylesheet">
@endsection

@section('page_js')
    <script src="{{ asset('vendor/jquery-ui/i18n/datepicker-ja.js') }}"></script>
    <script>
        $( function() {
            $( "#work_contents" ).sortable({
                items:'.accept_drag',
            });
            $( "#work_contents" ).disableSelection();
        });
    </script>
    <script>
        $(function () {
            $(document).ready(function () {
                $("#delete_reception_btn").click(function() {
                    helper_confirm("dialog-confirm", "削除", "外注受付を削除します。<br />よろしいですか？", 300, "確認", "閉じる", function(){
                        $("#delete_reception_form").submit();
                    });
                });
                $(".work_content_row").each(function () {
                    let quantity = isNaN(parseFloat($("#quantity" + $(this).data('id')).val())) ? 0 : parseFloat($("#quantity" + $(this).data('id')).val());
                    let original_unit_price = isNaN(parseFloat(removeCommaValue($("#original_unit_price" + $(this).data('id')).val()))) ? 0 : parseFloat(removeCommaValue($("#original_unit_price" + $(this).data('id')).val()));
                    let unit_price = isNaN(parseFloat(removeCommaValue($("#unit_price" + $(this).data('id')).val()))) ? 0 : parseFloat(removeCommaValue($("#unit_price" + $(this).data('id')).val()));
                    if((quantity * original_unit_price) != 0){
                        $("#total" + $(this).data('id')).val(addCommaValue((quantity * original_unit_price)));
                    } else {
                        $("#total" + $(this).data('id')).val('');
                    }if((quantity * unit_price) != 0){
                        $("#sub_total" + $(this).data('id')).val(addCommaValue((quantity * unit_price)));
                    } else {
                        $("#sub_total" + $(this).data('id')).val('');
                    }
                });
                let total = 0;
                let sub_total = 0;
                $(".total_val").each(function() {
                    total += isNaN(parseInt(removeCommaValue($(this).val()))) ? 0 : parseInt(removeCommaValue($(this).val()));
                });
                $(".sub_total_val").each(function() {
                    sub_total += isNaN(parseInt(removeCommaValue($(this).val()))) ? 0 : parseInt(removeCommaValue($(this).val()));
                });
                $("#total_fee").html(addCommaValue(total) + '円');
                $("#sub_total_fee").html(addCommaValue(sub_total) + '円');
            });
        });
    </script>
@endsection