@extends('layouts.app')

@section('title', 'Penawaran')

@section('breadcrumb')
    <ul class="breadcrumb">
        <li>
            <p>DASHBOARD</p>
        </li>
        <li><a href="#" class="active">Tambah Penawaran</a> </li>
    </ul>
@endsection


@section('title-section', 'Tambah Penawaran')

@section('content')
    <div class="row">
        <div class="col-md-12">
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <div class="grid simple form-grid">
                <div class="grid-title no-border">
                </div>
                <div class="grid-body no-border">
                    <form class="validate" id="roles-form">
                        <div class="row">
                            <div class="col-lg-2">
                                <div class="form-group">
                                    <label class="form-label">Nomor Surat Penawaran</label>
                                    <input class="form-control" id="role" placeholder="Nomor Surat Penawaran"
                                        name="nomor_surat" value="{{ $data->layanan->nama_layanan }}" readonly
                                        type="text">
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-label">Nomor Surat Penawaran</label>
                                    <input class="form-control" id="role" placeholder="Nomor Surat Penawaran"
                                        name="nomor_surat" value="{{ $data->nomor_surat }}" readonly type="text">
                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="form-group">
                                    <label class="form-label">Tanggal Penawaran</label>
                                    <input class="form-control" id="role" name="tgl_penawaran"
                                        value="{{ $data->tgl_penawaran }}" readonly type="date">
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-label">Perihal</label>
                                    <input class="form-control" id="role" placeholder="Perihal Penawaran"
                                        name="perihal" value="{{ $data->perihal }}" readonly type="text">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-label">Nama Pelanggan</label>
                                    <input class="form-control" id="role" placeholder="Nama Pelanggan"
                                        name="nama_pelanggan" readonly value="{{ $data->nama_pelanggan }}" type="text">
                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="form-group">
                                    <label class="form-label">Luas Bangunan (m<sup>2</sup>)</label>
                                    <input class="form-control" id="role" placeholder="Luas Bangunan" name="luas"
                                        type="number" readonly value="{{ $data->luas }}">
                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="form-group">
                                    <label class="form-label">Jumlah Lantai Bangunan</label>
                                    <input class="form-control" id="role" placeholder="Jumlah Lantai Bangunan"
                                        name="jml_lantai" type="number" readonly value="{{ $data->jml_lantai }}">
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-label">Lokasi Bangunan</label>
                                    <input class="form-control" id="role" placeholder="Lokasi Bangunan" name="lokasi"
                                        type="text" readonly value="{{ $data->lokasi }}">
                                </div>
                            </div>
                            <label class="form-label">Persyaratan</label>
                            @foreach ($arrSyarat as $persyaratan)
                                <div id="input-persyaratan" class="row">
                                    <div class="syarat mt-4">
                                        <div class="col-lg-3 col-12 mb-0 mb-lg-4">
                                            <div class="row-fluid">
                                                {{-- <div class="form-check d-flex">
                                                <input type="checkbox" name="persyaratan[]"
                                                    value="{{ $persyaratan['id'] }}"
                                                    {{ $persyaratan['checked'] === true ? 'checked' : '' }} disabled>
                                                <label class="ms-2 mt-1">{{ $persyaratan['nama'] }}</label><br>
                                            </div> --}}
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox" value=""
                                                        id="flexCheckCheckedDisabled" disabled
                                                        {{ $persyaratan['checked'] === true ? 'checked' : '' }}
                                                        style="margin-top: 2px">
                                                    <label class="form-check-label" for="flexCheckCheckedDisabled">
                                                        {{ $persyaratan['nama'] }}
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-9 col-12">
                                            <input name="ket_persyaratan[]" id="form3LastName" type="text"
                                                class="form-control" placeholder="Keterangan"
                                                value="{{ $persyaratan['keterangan'] }}"
                                                {{ $persyaratan['checked'] !== true ? 'disabled' : '' }}
                                                data-checked="{{ $persyaratan['id'] }}" readonly>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                            @foreach ($pembayaranData as $pembayaran)
                                <div class="pembayaran add-pembayaran mt-3">
                                    <div class="row">
                                        <div class="col-lg-4">
                                            <div class="form-group">
                                                <label class="form-label">Tahap Pembayaran</label>
                                                <input class="form-control" id="role"
                                                    value="Tahap Pembayaran {{ $pembayaran->tahap }}" disabled
                                                    type="text">
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="form-group">
                                                <label class="form-label">Jumlah Pembayaran</label>
                                                <input class="form-control" id="role"
                                                    placeholder="Jumlah Pembayaran" name="jumlah[]"
                                                    value="{{ $pembayaran->jumlah }}" readonly type="number">
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="form-group">
                                                <label class="form-label">Pada Saat</label>
                                                <input class="form-control" id="role" name="pada_saat[]"
                                                    type="text" value="{{ $pembayaran->pada_saat }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                            <label class="form-label mt-5">Catatan</label>
                            <div class="form-floating">
                                <textarea class="form-control" name="note" id="description" disabled>{{ $data->note }}</textarea>
                            </div>
                            <div class="col-lg-12 mt-5">
                                <div class="form-group">
                                    <label class="form-label">PIC</label>
                                    <input class="form-control" id="role" placeholder="Nomor Surat Penawaran"
                                        name="nomor_surat" value="{{ $data->pic->name }}" readonly type="text">
                                </div>
                            </div>
                        </div>
                        <div class="form-actions">
                            <div class="pull-right">
                                <a href="{{ route('penawaran.index') }}" class="btn btn-danger btn-cons">Kembali</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection