@extends('layouts.main')
@section('content')
<style>
   /* ===============================
   BUTTON DESIGN SYSTEM
   ================================ */
   .btn-add{
   background:#0d6efd;
   color:#fff;
   border:none;
   border-radius:8px;
   padding:6px 14px;
   font-size:14px;
   transition:.25s;
   }
   .btn-add:hover{
   background:#0b5ed7;
   transform:translateY(-2px);
   }
   .btn-action{
   display:inline-flex;
   align-items:center;
   justify-content:center;
   width:36px;
   height:36px;
   border-radius:8px;
   border:none;
   font-size:14px;
   transition:.25s;
   }
   .btn-edit{
   background:#ffc107;
   color:#000;
   }
   .btn-edit:hover{
   background:#e0a800;
   }
   .btn-delete{
   background:#dc3545;
   color:#fff;
   }
   .btn-delete:hover{
   background:#bb2d3b;
   }
   .btn-save{
   background:#198754;
   color:#fff;
   border:none;
   border-radius:8px;
   padding:8px 18px;
   font-size:14px;
   }
   .btn-save:hover{
   background:#157347;
   }
   .action-buttons{
   display:flex;
   justify-content:flex-end;
   align-items:center;
   gap:10px;
   }
   .action-buttons a,
   .action-buttons button{
   display:inline-flex;
   align-items:center;
   justify-content:center;
   }
   .role-badge{
   background:#eef2ff;
   padding:6px 10px;
   border-radius:6px;
   font-size:13px;
   }
</style>
<div class="container-fluid">
   <div class="card shadow-sm">
      <div class="card-header d-flex justify-content-between align-items-center">
         <h4 class="mb-0">Edit Clinic</h4>
      </div>
      <div class="card-body">
         <form action="{{ route('counsellor.update', $user->id) }}" method="POST">
            @csrf
            @method('PUT')
            <div class="row g-3">
               <div class="col-md-6">
                  <label class="form-label">Trade Name</label>
                  <input type="text" name="trade_name" class="form-control" value="{{ $clinic->trade_name }}">
               </div>
               <div class="col-md-6">
                  <label class="form-label">GST No</label>
                  <input type="text" name="gst_no" class="form-control" value="{{ $clinic->gst_no }}">
               </div>
               <div class="col-md-6">
                  <label class="form-label">License No</label>
                  <input type="text" name="license_no" class="form-control" value="{{ $clinic->license_no }}">
               </div>
               <div class="col-md-6">
                  <label class="form-label">Email</label>
                  <input type="email" name="email" class="form-control" value="{{ $clinic->email }}">
               </div>
               <div class="col-md-6">
                  <label class="form-label">Mobile</label>
                  <input type="text" name="mobile" class="form-control" value="{{ $clinic->mobile }}">
               </div>
               <div class="col-md-6">
                  <label class="form-label">Website</label>
                  <input type="text" name="website" class="form-control" value="{{ $clinic->website }}">
               </div>
               <div class="col-md-6">
                  <label class="form-label">Category</label>
                  <select name="category_id" class="form-control">
                     <option value="">Select Category</option>
                     <option value="1" {{ $clinic->category_id == 1 ? 'selected' : '' }}>Hospital</option>
                     <option value="2" {{ $clinic->category_id == 2 ? 'selected' : '' }}>Clinic</option>
                  </select>
               </div>
               <div class="col-md-6">
                  <label class="form-label">Subcategory</label>
                  <select name="subcategory_id" class="form-control">
                     <option value="">Select Subcategory</option>
                     <option value="1" {{ $clinic->subcategory_id == 1 ? 'selected' : '' }}>Dental</option>
                     <option value="2" {{ $clinic->subcategory_id == 2 ? 'selected' : '' }}>Skin</option>
                  </select>
               </div>
               <div class="col-md-12">
                  <label class="form-label">Existing Photos</label>
                  <div class="d-flex flex-wrap gap-2">
                     @php
                     $photos = is_array($clinic->photos) ? $clinic->photos : json_decode($clinic->photos ?? '[]', true);
                     @endphp
                     @foreach($photos as $photo)
                     <img src="{{ asset('clinic/'.$photo) }}" width="70" height="70" class="rounded border">
                     @endforeach
                  </div>
               </div>
               <div class="col-md-12 mt-3">
                  <label class="form-label">Upload New Photos</label>
                  <input type="file" name="photos[]" class="form-control" multiple>
               </div>
            </div>
            <div class="mt-4 action-buttons">
               <a href="{{ route('superadmin.clinic.list') }}" class="btn btn-secondary">
               Cancel
               </a>
               <button type="submit" class="btn-save">
               <i class="bi bi-check-circle"></i> Update Clinic
               </button>
            </div>
         </form>
      </div>
   </div>
</div>
@endsection