@extends('layouts.seller')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4>MY SHOP PROFILE</h4>
                  
                    <hr>
                </div>
                <div class="card-body">
                <form action="{{ route('sellers.profile.update', $user->id) }}" method="POST">
                        @csrf
                        @method('PUT')
                        <div class="row">
                          
                       @if($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

                            <div class="col-md-4 mt-3">
                                <label for="shop_name">Shop Name</label>
                                <div class="p-2 border">
                                <input type="text" name="shop_name" id="shop_name" class="form-control" value="{{ isset($user->shop->shop_name) ? $user->shop->shop_name : 'N/A' }}">
                                    @error('shop_name')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-4 mt-3">
                                <label for="email">Email</label>
                                <div class="p-2 border">
                                    <input type="email" name="email" id="email" class="form-control" value="{{ $user->shop->email }}">
                                    @error('email')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-4 mt-3">
                                <label for="phone">Contact No</label>
                                <div class="p-2 border">
                                    <input type="text" name="phone" id="phone" class="form-control" value="{{ $user->phone }}">
                                    @error('phone')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-md-4 mt-3">
                                <label for="municipal">Municipal</label>
                                <div class="p-2 border">
                                  {{ $user->shop->municipal }}
                                    @error('municipal')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            
                            <div class="col-md-4 mt-3">
                                <label for="barangay">Barangay</label>
                                <div class="p-2 border">
                                   {{ $user->shop->barangay }}
                                    @error('barangay')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            </div>

                        
                            <label for="images" class="col-md-4 col-form-label text-md-right">{{ __('Identification') }}</label>

<div class="col-md-6">
    @if ($user->userImages->isNotEmpty())
        <div class="row">
            @foreach($user->userImages as $image)
                <div class="col-md-4 mb-3">
                    <div class="image-container" style="height: 150px; overflow: hidden;">
                        <img src="{{ asset('upload/userImage/'.$image->path) }}" alt="User Image" class="img-fluid adjustable-image" onclick="toggleImageSize(this)">
                    </div>
                </div>
            @endforeach
        </div>
    @endif
</div>


                        <div class="mt-3">
                            <button type="submit" class="btn btn-primary">Update</button>
                        </div>

        
                    </form>
                    @if(auth()->user()->role_as == 10)
    <form action="{{ route('cancel.riderapplication') }}" method="POST">
        @csrf
        <button type="submit" class="btn btn-danger" onclick="return confirm('Are you sure you want to cancel your application?')">Cancel Application</button>
    </form>
@endif
                </div>
            </div>
        </div>
    </div>
</div>


@endsection