@extends('layouts.shop-control-layout')

@section('title', 'Продавці')

@section('content')
    <div class="sellers__page">
        <div class="sellers__header">
            <h1 class="sellers__title">
                Продавці магазину
            </h1>
            <a href="{{ route('sellers.create') }}" class="add__seller">Додати продавця</a>
        </div>
        <div class="sellers__list">
            @foreach ($sellers as $seller)
                <div class="seller">
                    <a href="{{ route('sellers.edit', ['id' => $seller->id]) }}" class="edit__seller">
                        <svg width="17" height="17" viewBox="0 0 17 17" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M14.9159 5.32103L5.67234 14.5773C4.84688 15.4117 2.37829 15.7937 1.77866 15.2401C1.17903 14.6864 1.61511 12.2145 2.44057 11.3801L11.6842 2.12386C12.111 1.71681 12.6799 1.49298 13.2692 1.50017C13.8586 1.50737 14.4217 1.74502 14.8385 2.16237C15.2553 2.57971 15.4927 3.1437 15.4998 3.73387C15.5071 4.32405 15.2835 4.89364 14.877 5.32103H14.9159Z"
                                stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                            <path d="M15.5003 15.5H8.80469" stroke="black" stroke-width="2" stroke-linecap="round"
                                stroke-linejoin="round" />
                        </svg>
                    </a>
                    <div class="seller__photo">
                        <img src="{{ asset('users-photos/' . $seller->photo_url) }}" alt="{{ $seller->name }}">
                    </div>
                    <div class="seller__info">
                        <p class="info__item">
                            {{ $seller->last_name }} {{ $seller->name }}
                        </p>
                        <p class="info__item">
                            {{ $seller->email }}
                        </p>
                        <p class="info__item">
                            {{ $seller->phone_number }}
                        </p>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
@endsection