@extends('layouts.main')

@section('pageTitle', '交通部車位上傳設定')

@section('content')
<div class="col-12">
    <div class="alert alert-warning py-2">
        <i class="fas fa-info-circle mr-1"></i>請先完成共通資料設定，才能進行其他頁籤設定
    </div>
    <div class="card card-primary card-outline card-outline-tabs">
        <div class="card-header p-0 border-bottom-0">
            @inject('thirdLevel', 'App\Presenters\ThirdLevelPresenter')
            {!! $thirdLevel->createThirdLevel($globalVariable['pathMain'], $globalVariable['pathSub'], 'motcParking.common') !!}
        </div>

        <div class="card-body">
            <form action="{{ route('motcParking.common.update') }}" method="post" id="motcCommonForm">
                @csrf
                @method('PUT')

                {{-- 停車業管機關資料 --}}
                <h6 class="motc-sec-title motc-sec-title--first">停車業管機關資料</h6>
                <div class="motc-block">
                    <div class="form-row">
                        <div class="form-group col-md-4">
                            <label>業管機關 <span class="text-danger">*</span></label>
                            <select class="form-control" name="AuthorityCode">
                                <option value="">請選擇業管機關</option>
                                @foreach($authorities as $code => $name)
                                    <option value="{{ $code }}" {{ old('AuthorityCode', $data['AuthorityCode'] ?? '') === (string) $code ? 'selected' : '' }}>{{ $code }}（{{ $name }}）</option>
                                @endforeach
                            </select>
                            @error('AuthorityCode')<span class="validateError">{{ $message }}</span>@enderror
                        </div>
                        <div class="form-group col-md-4">
                            <label>業管機關識別代碼 <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="AuthorityOID"
                                   value="{{ old('AuthorityOID', $data['AuthorityOID'] ?? '') }}">
                            @error('AuthorityOID')<span class="validateError">{{ $message }}</span>@enderror
                        </div>
                        <div class="form-group col-md-4">
                            <label>業管機關電話 <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="AuthorityTelephone"
                                   value="{{ old('AuthorityTelephone', $data['AuthorityTelephone'] ?? '') }}">
                            @error('AuthorityTelephone')<span class="validateError">{{ $message }}</span>@enderror
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-4">
                            <label>業管機關電子信箱 <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="AuthorityEmail"
                                   value="{{ old('AuthorityEmail', $data['AuthorityEmail'] ?? '') }}">
                            @error('AuthorityEmail')<span class="validateError">{{ $message }}</span>@enderror
                        </div>
                        <div class="form-group col-md-8">
                            <label>業管機關地址 <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="AuthorityAddress"
                                   value="{{ old('AuthorityAddress', $data['AuthorityAddress'] ?? '') }}">
                            @error('AuthorityAddress')<span class="validateError">{{ $message }}</span>@enderror
                        </div>
                    </div>
                </div>

                <hr>
                {{-- 停車營運業者資料 --}}
                <h6 class="motc-sec-title">停車營運業者資料</h6>
                <div class="motc-block">
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label>營運業者代碼 <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="OperatorID"
                                   value="{{ old('OperatorID', $data['OperatorID'] ?? '') }}">
                            @error('OperatorID')<span class="validateError">{{ $message }}</span>@enderror
                        </div>
                        <div class="form-group col-md-6">
                            <label>營運業者名稱（中文）<span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="OperatorNameZh"
                                   value="{{ old('OperatorNameZh', $data['OperatorNameZh'] ?? '') }}">
                            @error('OperatorNameZh')<span class="validateError">{{ $message }}</span>@enderror
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label>營運業者地址 <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="OperatorAddress"
                                   value="{{ old('OperatorAddress', $data['OperatorAddress'] ?? '') }}">
                            @error('OperatorAddress')<span class="validateError">{{ $message }}</span>@enderror
                        </div>
                        <div class="form-group col-md-6">
                            <label>公司統一編號 <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="OperatorBAN"
                                   value="{{ old('OperatorBAN', $data['OperatorBAN'] ?? '') }}">
                            @error('OperatorBAN')<span class="validateError">{{ $message }}</span>@enderror
                        </div>
                    </div>
                </div>

                <hr>
                {{-- 停車場基本資料 --}}
                <h6 class="motc-sec-title">停車場基本資料</h6>
                <div class="motc-block">
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label>停車場代碼 <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="CarParkID"
                                   value="{{ old('CarParkID', $data['CarParkID'] ?? '') }}">
                            @error('CarParkID')<span class="validateError">{{ $message }}</span>@enderror
                        </div>
                        <div class="form-group col-md-6">
                            <label>停車場名稱（中文）<span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="CarParkNameZh"
                                   value="{{ old('CarParkNameZh', $data['CarParkNameZh'] ?? '') }}">
                            @error('CarParkNameZh')<span class="validateError">{{ $message }}</span>@enderror
                        </div>
                    </div>
                </div>
            </form>
        </div>

        <div class="card-footer">
            <button type="submit" form="motcCommonForm" class="btn btn-primary">儲存</button>
        </div>
    </div>
</div>
@endsection

@section('js')
@include('motcParking.tabGuard')
<style>
    /* 標題樣式 */
    .motc-sec-title {
        display: flex;
        align-items: center;
        gap: 9px;
        font-size: 17px;
        font-weight: 700;
        margin: 8px 0 12px;
    }

    /* 第一層標題 */
    .motc-sec-title--first {
        margin-top: 0;
    }

    /* 標題裝飾線 */
    .motc-sec-title::before {
        content: "";
        flex: 0 0 auto;
        width: 4px;
        height: 18px;
        border-radius: 2px;
        background: #007bff;
    }

    /* 區塊卡片 */
    .motc-block {
        border: 1px solid #b3bdcb;
        border-radius: 5px;
        padding: 14px;
        background: #fafbfd;
    }
</style>
@endsection