@extends('layouts.app')


@section('content')
    <section class="content container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header" style="background-color: #632b8d; color:white;">
                        <div class="float-left">
                            <span class="card-title">Detail Gerai</span>
                        </div>
                        <div class="float-right">
                            <a class="btn btn-sm btn-danger" href="{{ route('gerai.index') }}" > Kembali</a>
                        </div>
                    </div>

                    <div class="card-body row">
                        <div class="form-group col-md-6">
                            <strong>Outlet ID:</strong>
                            <input type="text" class="form-control" value="{{ $gerai->gerai_id }}" readonly>
                        </div>
                        <div class="form-group col-md-6">
                            <strong>Nama Outlet:</strong>
                            <input type="text" class="form-control" value="{{ $gerai->nama_gerai }}" readonly>
                        </div>
                        <div class="form-group col-md-6">
                            <strong>Alamat:</strong>
                            <input type="text" class="form-control" value="{{ $gerai->alamat }}" readonly>
                        </div>
                        <div class="form-group col-md-6">
                            <strong>Nomor Handphone:</strong>
                            <input type="text" class="form-control" value="{{ $gerai->no_hp }}" readonly>
                        </div>
                        <div class="form-group col-md-6">
                            <strong>Outlet ID RGApp:</strong>
                            <input type="text" class="form-control" value="{{ $gerai->outletidrgapp }}" readonly>
                        </div>
                        <div class="form-group col-md-6">
                            <strong>Status:</strong>
                            <input type="text" class="form-control" value="{{ $gerai->status_aktif }}" readonly>
                        </div>
                        <div class="form-group col-md-6">
                            <strong>Longitude:</strong>
                            <input type="text" class="form-control" value="{{ $gerai->longitude }}" readonly>
                        </div>
                        <div class="form-group col-md-6">
                            <strong>Latitude:</strong>
                            <input type="text" class="form-control" value="{{ $gerai->latitude }}" readonly>
                        </div>
                        <div class="form-group col-md-6">
                            <strong>Dibuat Oleh</strong>
                            <input type="text "  class="form-control" value="{{ $gerai->created_who }}" readonly>

                        </div>
                        <div class="form-group col-md-6">
                            <strong>Diubah Oleh</strong>
                            @if($gerai->updated_who == null)
                                <input type="text "  class="form-control" value="Belum Diubah" readonly>
                            @else
                                <input type="text "  class="form-control" value="{{ $gerai->updated_who }}" readonly>
                            @endif
                        </div>
                        <div class="form-group col-md-6">
                            <strong>Waktu Dibuat</strong>
                            <input type="text "  class="form-control" value="{{ \Carbon\Carbon::parse($gerai->created_at)->format('d-m-Y H:i:s') }}" readonly>

                        </div>
                        <div class="form-group col-md-6">
                            <strong>Waktu Diubah</strong>
                            @if($gerai->updated_at == null)
                                <input type="text "  class="form-control" value="Belum Diubah" readonly>
                            @else
                                <input type="text "  class="form-control" value="{{ \Carbon\Carbon::parse($gerai->updated_at)->format('d-m-Y H:i:s') }}" readonly>
                            @endif
                        </div>
                        <div class="form-group col-md-12">
                            <strong>Kode Outlet</strong>
                            <input type="text "  class="form-control" value="{{ $gerai->kode }}" readonly>

                        </div>
                        <div class="form-group col-md-6">
                            <strong>Foto:</strong>
                            <br>
                            <img src='{{ secure_asset('images/gerai/'.$gerai->foto) }}' alt='brand Logo' class='brand-image elevation-3' width='30%' style='opacity: .8'>
                        </div>
                    </div>
                    <div class="container-fluid">
                    <table class="table table-striped table-bordered table-hover">
                        <thead style="background-color: #632b8d; color:white;">
                        <tr>
                            <th>Hari</th>
                            <th>Jam Buka</th>
                            <th>Jam Tutup</th>
                            <th>Libur</th>
                        </tr>
                        </thead>
                        <tbody id="jamBukaBody">
                        @foreach ($gerai->geraiDetail as $key )
                            <tr>
                                <td>
                                    {{$key->day}}
                                </td>
                                <td>
                                    {{$key->time_open}}
                                </td>
                                <td>
                                    {{$key->time_close}}
                                </td>
                                <td>{{$key->libur}}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection