@extends("backend.layout-sticky.master")

@section("title")
    Setting - Sistem Klinik
@endsection

@push('css')

<link rel="stylesheet" href="{{asset('adminlte/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('adminlte/plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('adminlte/plugins/datatables-buttons/css/buttons.bootstrap4.min.css')}}">
<style>

  .header-clear-medium {
    padding-top: calc(70px + (env(safe-area-inset-top))*0.8) !important;
  }
  .form-label {
    font-size: 14px!important;
    font-weight: 700!important;
    padding: 0!important;
    color: #545252!important;
    margin-bottom: 2px!important;
  }
  .form-label-red {
    font-size: 12px!important;
    font-weight: 700!important;
    padding: 0!important;
    color: darkred!important;
    margin-bottom: 2px!important;
  }

</style>
@endpush

@section ('back')
<a href="{{route('dashboard')}}" class="header-icon header-icon-1"><i class="fas fa-arrow-left"></i></a>
@endsection

@section ('content')



<form action="{{ route('dashboard.setting.setting.update') }}" method="POST" enctype="multipart/form-data">

@csrf

<div class="card card-style">

  @if(session()->has('messages'))
    <div class="alert alert-success">
        {{ session()->get('messages') }}
    </div>
  @endif
  <input type="hidden" name="status" value="1">
    <div class="content mb-0">

      <label class="form-label-red">Nama</label>
        <div class="input-style has-borders   mb-4">
            <input type="name" value="{{ old('nama', (isset($row) && $row['nama'] ? $row['nama'] : '') ) }}" class="form-control validate-name" name="nama" id="nama" placeholder="Nama" >
            <i class="fa fa-times disabled invalid color-red-dark"></i>
            <i class="fa fa-check disabled valid color-green-dark"></i>
            <em>(required)</em>
        </div>

        <label class="form-label-red">Email</label>
        <div class="input-style has-borders   mb-4">
            <input type="email" value="{{ old('email', (isset($row) && $row['email'] ? $row['email'] : '') ) }}" class="form-control validate-name" name="email" id="email" placeholder="Email" >
            <i class="fa fa-times disabled invalid color-red-dark"></i>
            <i class="fa fa-check disabled valid color-green-dark"></i>
            <em>(required)</em>
        </div>

        <label class="form-label-red">No Telp</label>
        <div class="input-style has-borders   mb-4">
            <input type="number" value="{{ old('no_hp', (isset($row) && $row['no_hp'] ? $row['no_hp'] : '') ) }}" class="form-control validate-name" name="no_hp" id="no_hp" placeholder="No Telp" >
            <i class="fa fa-times disabled invalid color-red-dark"></i>
            <i class="fa fa-check disabled valid color-green-dark"></i>
            <em>(required)</em>
        </div>

        <label class="form-label-red">Alamat</label>
        <div class="input-style has-borders   mb-4">
            <textarea class="form-control validate-name" name="alamat" id="alamat" placeholder="Alamat" >{{ old('alamat', (isset($row) && $row['alamat'] ? $row['alamat'] : '') ) }}</textarea>
            <i class="fa fa-times disabled invalid color-red-dark"></i>
            <i class="fa fa-check disabled valid color-green-dark"></i>
            <em>(required)</em>
        </div>

        <label class="form-label-red">Biaya Rontgen</label>
        <div class="input-style has-borders   mb-4">
            <input type="number" class="form-control validate-name" name="biaya_rontgen" id="biaya_rontgen" placeholder="Biaya Rontgen" value="{{ old('biaya_rontgen', (isset($row) && $row['biaya_rontgen'] ? $row['biaya_rontgen'] : '') ) }}">
            <i class="fa fa-times disabled invalid color-red-dark"></i>
            <i class="fa fa-check disabled valid color-green-dark"></i>
            <em>(required)</em>
        </div>

        <label class="form-label-red">Logo</label>
        <div class="input-style has-borders   mb-4">
            <input type="file" value="{{ old('file', (isset($row) && $row['file'] ? $row['file'] : '') ) }}" class="form-control validate-name" name="file" id="file">
            <i class="fa fa-times disabled invalid color-red-dark"></i>
            <i class="fa fa-check disabled valid color-green-dark"></i>
            <em>(required)</em>
        </div>

        <label class="form-label-red">Background</label>
        <div class="input-style has-borders   mb-4">
            <input type="file" value="{{ old('background', (isset($row) && $row['background'] ? $row['background'] : '') ) }}" class="form-control validate-name" name="background" id="background">
            <i class="fa fa-times disabled invalid color-red-dark"></i>
            <i class="fa fa-check disabled valid color-green-dark"></i>
            <em>(required)</em>
        </div>

        <label class="form-label-red">Background Card</label>
        <div class="input-style has-borders   mb-4">
            <input type="file" value="{{ old('background_card', (isset($row) && $row['background_card'] ? $row['background_card'] : '') ) }}" class="form-control validate-name" name="background_card" id="background_card">
            <i class="fa fa-times disabled invalid color-red-dark"></i>
            <i class="fa fa-check disabled valid color-green-dark"></i>
            <em>(required)</em>
        </div>

        <label class="form-label-red">Background Login</label>
        <div class="input-style has-borders   mb-4">
            <input type="file" value="{{ old('background_login', (isset($row) && $row['background_login'] ? $row['background_login'] : '') ) }}" class="form-control validate-name" name="background_login" id="background_login">
            <i class="fa fa-times disabled invalid color-red-dark"></i>
            <i class="fa fa-check disabled valid color-green-dark"></i>
            <em>(required)</em>
        </div>

        <button class="btn btn-xxs mb-3 rounded-s text-uppercase font-900 shadow-s border-blue-dark  bg-blue-light">Save</span> </button>



    </div>
</div>

</form>
@endsection

@push('js')
<!-- Page level custom scripts -->
<script src="{{asset('adminlte/plugins/datatables/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-responsive/js/dataTables.responsive.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-responsive/js/responsive.bootstrap4.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/dataTables.buttons.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/buttons.bootstrap4.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/jszip/jszip.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/pdfmake/pdfmake.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/pdfmake/vfs_fonts.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/buttons.html5.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/buttons.print.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/datatables-buttons/js/buttons.colVis.min.js')}}"></script>
<script src="{{asset('adminlte/plugins/toastr/toastr.min.js')}}"></script>

<script>


  $(function () {
    $("#example1").DataTable({
      "responsive": true, "lengthChange": false, "autoWidth": false,
      "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
    }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');
    $('#example2').DataTable({
      "paging": true,
      "lengthChange": false,
      "searching": false,
      "ordering": true,
      "info": true,
      "autoWidth": false,
      "responsive": true,
    });
  });
</script>
@endpush